Partial Derivatives, Tangent Plane, and Gradient
2015-01-06 09:43
This applet demonstrates the geometric meaning of partial derivatives, tangent planes, and gradient vectors for multivariable functions. Through interactive controls, users can adjust the position of a point on a surface and observe how the tangent plane changes at that location. The applet visualizes the two partial derivatives as slopes along the coordinate directions and constructs the tangent plane from them. It also displays the gradient vector at the selected point, allowing users to explore its relationship with contour lines on the surface. The gradient is shown to be perpendicular to the level curves, pointing in the direction of steepest ascent, with its magnitude representing the maximum rate of change. Students can manipulate sliders and drag points to investigate how these concepts behave across different surfaces and locations. This interactive exploration helps learners connect the algebraic definitions of partial derivatives and gradients with their geometric interpretations, reinforcing key ideas in multivariable calculus. The applet is particularly useful for building intuition about how a smooth surface can be approximated locally by its tangent plane and how the gradient encodes directional information about the function's behavior.
In collections
微積分
Loading the math board and drawing, please wait…
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="5.0" version="5.0.279.0" id="96ed1131-312c-4a51-b7ae-e06b2b84b839" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="947" height="604" />
<perspectives>
<perspective id="tmp">
<panes>
<pane location="" divider="0.31784582893347413" orientation="1" />
</panes>
<views>
<view id="4097" visible="false" inframe="true" stylebar="true" location="1,1,1,1" size="400" window="710,148,700,550" />
<view id="4" toolbar="0 || 2020 , 2021 , 2022 , 66 || 2001 , 2003 , 2002 , 2004 , 2005 || 2040 , 2041 , 2042 , 2044 , 2043" visible="false" inframe="false" stylebar="false" location="1,1" size="300" window="100,100,600,400" />
<view id="1" visible="false" inframe="false" stylebar="true" location="3" size="301" window="100,100,600,400" />
<view id="2" visible="false" inframe="true" stylebar="true" location="3" size="248" window="1009,46,410,783" />
<view id="8" toolbar="1001 | 1002 | 1003 || 1005 | 1004 || 1006 | 1007 | 1010 || 1008 1009 || 66 68 || 6" visible="false" inframe="false" stylebar="false" location="3" size="300" window="100,100,600,400" />
<view id="16" visible="false" inframe="false" stylebar="false" location="1" size="150" window="50,50,500,500" />
<view id="32" visible="false" inframe="true" stylebar="true" location="1" size="141" window="918,32,500,822" />
<view id="64" toolbar="0" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
<view id="128" visible="false" inframe="true" stylebar="false" location="1" size="480" window="50,50,500,500" />
<view id="70" toolbar="0 || 2020 || 2021 || 2022" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
<view id="43" visible="false" inframe="false" stylebar="false" location="1" size="450" window="50,50,500,500" />
<view id="512" toolbar="0 | 1 501 5 19 , 67 | 2 15 45 18 , 7 37 | 514 3 9 , 13 44 , 47 | 16 | 551 550 11 , 20 22 21 23 , 55 56 57 , 12 | 69 | 510 511 , 512 513 | 533 531 , 534 532 , 522 523 , 537 536 , 535 | 521 520 | 36 , 38 49 560 | 571 30 29 570 31 33 | 17 | 540 40 41 42 , 27 28 35 , 6 , 502" visible="true" inframe="false" stylebar="true" location="1" size="945" window="100,100,600,400" />
</views>
<toolbar show="false" items="0 39 | 1 501 67 , 5 19 , 72 75 76 | 2 15 45 , 18 65 , 7 37 | 4 3 8 9 , 13 44 , 58 , 47 | 16 51 64 , 70 | 10 34 53 11 , 24 20 22 , 21 23 | 55 56 57 , 12 | 36 46 , 38 49 50 , 71 | 30 29 54 32 31 33 | 17 26 62 73 , 14 68 | 25 52 60 61 | 40 41 42 , 27 28 35 , 6" position="1" help="false" />
<input show="false" cmd="true" top="algebra" />
<dockBar show="false" east="false" />
</perspective>
</perspectives>
<labelingStyle val="2"/>
<font size="12"/>
<consProtColumns col0="true" col1="true" col2="false" col3="false" col4="true" col5="false" col6="true" col7="false"/>
<consProtocol useColors="false" addIcons="false" showOnlyBreakpoints="false"/>
<consProtNavigationBar id="32" playButton="true" playDelay="2" protButton="true" consStep="43"/>
</gui>
<euclidianView>
<viewNumber viewNo="1"/>
<size width="301" height="544"/>
<coordSystem xZero="94.33333333333337" yZero="412.99999999999943" scale="49.999999999999986" yscale="49.9999999999999"/>
<evSettings axes="false" grid="false" gridIsBold="false" pointCapturing="0" rightAngleStyle="1" checkboxSize="26" gridType="0"/>
<bgColor r="255" g="255" b="255"/>
<axesColor r="0" g="0" b="0"/>
<gridColor r="192" g="192" b="192"/>
<lineStyle axes="1" grid="0"/>
<axis id="0" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true" tickDistance="1" tickExpression=""/>
<axis id="1" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true" tickDistance="1" tickExpression=""/>
</euclidianView>
<kernel>
<uses3D val="true"/>
<continuous val="false"/>
<usePathAndRegionParameters val="true"/>
<decimals val="2"/>
<angleUnit val="degree"/>
<algebraStyle val="0" spreadsheet="0"/>
<coordStyle val="0"/>
<angleFromInvTrig val="false"/>
</kernel>
<scripting blocked="false" disabled="false"/>
<euclidianView3D>
<coordSystem xZero="0" yZero="0.10000000000000002" zZero="-1.5" scale="55.15905058578293" xAngle="18" zAngle="3251"/>
<evSettings axes="false" grid="false" gridIsBold="false" pointCapturing="3" rightAngleStyle="1" gridType="0"/>
<axis id="0" show="false" label="" unitLabel="" tickStyle="2" showNumbers="false"/>
<axis id="1" show="false" label="" unitLabel="" tickStyle="2" showNumbers="false"/>
<axis id="2" show="false" label="" unitLabel="" tickStyle="2" showNumbers="false"/>
<plate show="true"/>
<bgColor r="255" g="255" b="255"/>
<clipping use="false" show="false" size="0"/>
<projection type="1"/>
</euclidianView3D>
<construction title="" author="" date="">
<command name="PointIn">
<input a0="z = 0"/>
<output a0="A"/>
</command>
<element type="point3d" label="A">
<show object="true" label="false" ev="4"/>
<condition showObject="showControls"/>
<objColor r="125" g="125" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<coords x="-2.2624393830329272" y="-2.623091952145999" z="0" w="1"/>
<pointSize val="5"/>
</element>
<command name="Point">
<input a0="Line[A, A + (0, 0, 1)]"/>
<output a0="H"/>
</command>
<element type="point3d" label="H">
<show object="true" label="false" ev="4"/>
<condition showObject="showControls"/>
<objColor r="0" g="204" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<coords x="-2.2624393830329272" y="-2.623091952145999" z="4.312606106381619" w="1"/>
<pointSize val="5"/>
</element>
<command name="Point">
<input a0="Segment[A, (2 * H) - A]"/>
<output a0="K"/>
</command>
<element type="point3d" label="K">
<show object="true" label="false" ev="4"/>
<condition showObject="showControls"/>
<objColor r="255" g="255" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="1" speed="1" type="0" playing="false"/>
<coords x="-2.2624393830329272" y="-2.623091952145999" z="2.7477109417001815" w="1"/>
<pointSize val="5"/>
</element>
<expression label="k" exp="(AffineRatio[A, H, K] - 1) / 10" />
<element type="numeric" label="k">
<value val="-0.03628653130101006"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="f" exp="f(x, y) = (k * (x - x(A))^(2)) + (k * (y - y(A))^(2)) + z(H)" />
<element type="functionNVar" label="f">
<show object="true" label="false" ev="4"/>
<objColor r="204" g="0" b="0" alpha="0.75"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
</element>
<command name="Segment">
<input a0="A" a1="H"/>
<output a0="segAH"/>
</command>
<element type="segment3d" label="segAH">
<show object="true" label="false" ev="4"/>
<condition showObject="showControls"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="PointIn">
<input a0="f"/>
<output a0="P"/>
</command>
<element type="point3d" label="P">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="127" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<coords x="1.4151899347823775" y="-0.3274460579710774" z="3.630602656685338" w="1"/>
<pointSize val="5"/>
</element>
<expression label="px" exp="x = x(P)" type="plane" />
<element type="plane3d" label="px">
<show object="false" label="false" ev="4"/>
<objColor r="255" g="153" b="204" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="1" y="0" z="0" w="-1.4151899347823775"/>
<fading val="0"/>
<lineStyle thickness="0" type="0" typeHidden="1"/>
</element>
<expression label="py" exp="y = y(P)" type="plane" />
<element type="plane3d" label="py">
<show object="false" label="false" ev="4"/>
<objColor r="0" g="204" b="0" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0" y="1" z="0" w="0.3274460579710774"/>
<fading val="0"/>
<lineStyle thickness="0" type="0" typeHidden="1"/>
</element>
<command name="IntersectPath">
<input a0="px" a1="f"/>
<output a0="cx"/>
</command>
<element type="implicitpoly" label="cx">
<show object="true" label="true" ev="4"/>
<condition showObject="showFx"/>
<objColor r="255" g="204" b="51" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="3" type="0" typeHidden="2"/>
<coefficients rep="array" data="[[3.572158795816712,-1],[-0.19036581645394676,0],[-0.03628653130101006,0]]" />
<userinput show="false"/></element>
<command name="IntersectPath">
<input a0="py" a1="f"/>
<output a0="cy"/>
</command>
<element type="implicitpoly" label="cy">
<show object="true" label="true" ev="4"/>
<condition showObject="showFx"/>
<objColor r="255" g="204" b="51" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="3" type="0" typeHidden="2"/>
<coefficients rep="array" data="[[3.9356390477944427,-1],[-0.16419215497812442,0],[-0.03628653130101006,0]]" />
<userinput show="false"/></element>
<expression label="x0" exp="x(P)" />
<element type="numeric" label="x0">
<value val="1.4151899347823775"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="y0" exp="y(P)" />
<element type="numeric" label="y0">
<value val="-0.3274460579710774"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<command name="Derivative">
<input a0="f" a1="x"/>
<output a0="fx"/>
</command>
<element type="functionNVar" label="fx">
<show object="false" label="false" ev="4"/>
<objColor r="204" g="0" b="0" alpha="0.75"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<command name="Derivative">
<input a0="f" a1="y"/>
<output a0="fy"/>
</command>
<element type="functionNVar" label="fy">
<show object="false" label="false" ev="4"/>
<objColor r="204" g="0" b="0" alpha="0.75"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<expression label="mx" exp="fx(x0, y0)" />
<element type="numeric" label="mx">
<value val="-0.2668968227088347"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="my" exp="fy(x0, y0)" />
<element type="numeric" label="my">
<value val="-0.16660205319002705"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<command name="Vector">
<input a0="P" a1="P + (1, 0, mx)"/>
<output a0="vx"/>
</command>
<element type="vector3d" label="vx">
<show object="true" label="false" ev="4"/>
<condition showObject="showFx"/>
<objColor r="255" g="102" b="153" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="1" y="0" z="-0.26689682270883486" w="0"/>
<lineStyle thickness="6" type="0" typeHidden="1"/>
<startPoint exp="P"/>
</element>
<command name="Vector">
<input a0="P" a1="P + (0, 1, my)"/>
<output a0="vy"/>
</command>
<element type="vector3d" label="vy">
<show object="true" label="false" ev="4"/>
<condition showObject="showFx"/>
<objColor r="102" g="204" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0" y="1" z="-0.1666020531900272" w="0"/>
<lineStyle thickness="6" type="0" typeHidden="1"/>
<startPoint exp="P"/>
</element>
<command name="Vector">
<input a0="P" a1="P + ((-mx), (-my), 1)"/>
<output a0="vn"/>
</command>
<element type="vector3d" label="vn">
<show object="true" label="false" ev="4"/>
<condition showObject="showFx"/>
<objColor r="0" g="153" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.26689682270883464" y="0.16660205319002705" z="1.0000000000000004" w="0"/>
<lineStyle thickness="6" type="0" typeHidden="1"/>
<startPoint exp="P"/>
</element>
<expression label="z0" exp="z(P)" />
<element type="numeric" label="z0">
<value val="3.630602656685338"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="pn" exp="((-mx) * (x - x0)) - (my * (y - y0)) + z - z0 = 0" type="plane" />
<element type="plane3d" label="pn">
<show object="true" label="false" ev="4"/>
<condition showObject="showFx"/>
<objColor r="153" g="204" b="255" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.2668968227088347" y="0.16660205319002705" z="1" w="-3.953759168241316"/>
<fading val="0"/>
<lineStyle thickness="0" type="0" typeHidden="1"/>
</element>
<expression label="txtControls" exp=""Controls""/>
<element type="text" label="txtControls">
<show object="true" label="false" ev="37"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="255" b="0" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="1.4" size="5" style="1"/>
<absoluteScreenLocation x="22" y="32"/>
<ggbscript val="SetValue[showControls, !showControls]"/>
</element>
<element type="boolean" label="showControls">
<value val="true"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<checkbox fixed="true"/>
</element>
<command name="IntersectPath">
<input a0="pn" a1="px"/>
<output a0="tx"/>
</command>
<element type="line3d" label="tx">
<show object="true" label="false" ev="4"/>
<condition showObject="showFx"/>
<objColor r="255" g="127" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<coords ox="1.4151899347823775" oy="0.5796872435481255" oz="3.4794723861351913" ow="1" vx="0" vy="1" vz="-0.16660205319002705" vw="0"/>
<eqnStyle style="parametric" parameter="λ"/>
</element>
<command name="IntersectPath">
<input a0="py" a1="pn"/>
<output a0="ty"/>
</command>
<element type="line3d" label="ty">
<show object="true" label="false" ev="4"/>
<condition showObject="showFx"/>
<objColor r="255" g="127" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<coords ox="14.82740317004795" oy="-0.3274460579710774" oz="0.0509255586995768" ow="1" vx="1" vy="0" vz="-0.2668968227088347" vw="0"/>
<eqnStyle style="parametric" parameter="λ"/>
</element>
<expression label="Q" exp="(x0, y0, 0)" type="point" />
<element type="point3d" label="Q">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="127" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="1.4151899347823775" y="-0.3274460579710774" z="0" w="1"/>
<pointSize val="3"/>
</element>
<command name="Circle">
<input a0="(x0, y0)" a1="1"/>
<output a0="c0"/>
</command>
<element type="conic" label="c0">
<show object="true" label="false" ev="4"/>
<condition showObject="showGrad"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="20" typeHidden="1"/>
<eigenvectors x0="1" y0="0" z0="1.0" x1="0" y1="1" z1="1.0"/>
<matrix A0="1" A1="1" A2="1.109983472390148" A3="0" A4="-1.4151899347823775" A5="0.3274460579710774"/>
<eqnStyle style="specific"/>
</element>
<command name="Point">
<input a0="c0"/>
<output a0="R"/>
</command>
<element type="point" label="R">
<show object="true" label="false" ev="4"/>
<condition showObject="showGrad"/>
<objColor r="125" g="125" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="1" playing="false"/>
<coords x="1.890324605996757" y="0.5524670310382881" z="1"/>
<pointSize val="5"/>
<pointStyle val="0"/>
</element>
<command name="Vector">
<input a0="Q" a1="R"/>
<output a0="u"/>
</command>
<element type="vector3d" label="u">
<show object="true" label="false" ev="4"/>
<condition showObject="showGrad"/>
<objColor r="255" g="255" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.47513467121437936" y="0.8799130890093655" z="0" w="0"/>
<lineStyle thickness="5" type="0" typeHidden="1"/>
<startPoint exp="Q"/>
</element>
<command name="Segment">
<input a0="P" a1="Q"/>
<output a0="segPQ"/>
</command>
<element type="segment3d" label="segPQ">
<show object="true" label="false" ev="4"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<expression label="ux" exp="x(u)" />
<element type="numeric" label="ux">
<value val="0.47513467121437936"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="uy" exp="y(u)" />
<element type="numeric" label="uy">
<value val="0.8799130890093655"/>
<symbolic val="true" />
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="pu" exp="(uy * (x - x0)) - (ux * (y - y0)) + (0 * z) = 0" type="plane" />
<element type="plane3d" label="pu">
<show object="true" label="false" ev="4"/>
<condition showObject="showGrad"/>
<objColor r="153" g="204" b="255" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.8799130890093655" y="-0.47513467121437936" z="0" w="-1.4008251221438568"/>
<fading val="0"/>
<lineStyle thickness="0" type="0" typeHidden="1"/>
</element>
<command name="IntersectPath">
<input a0="pu" a1="f"/>
<output a0="cu"/>
</command>
<element type="implicitpoly" label="cu">
<show object="true" label="true" ev="4"/>
<condition showObject="showGrad"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="3" type="0" typeHidden="2"/>
<coefficients rep="array" data="[[4.123031750668327,-1],[-0.1204883515688765,0],[-0.16073557563855384,0]]" />
<userinput show="false"/></element>
<expression label="grad" exp="(mx, my)" type="vector" />
<element type="vector" label="grad">
<show object="false" label="false" ev="4"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-0.2668968227088347" y="-0.16660205319002705" z="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<coordStyle style="cartesian"/>
</element>
<expression label ="kg" exp="5"/>
<element type="numeric" label="kg">
<value val="5"/>
<symbolic val="true" />
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="2"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<command name="Vector">
<input a0="Q" a1="Q + (kg * grad)"/>
<output a0="vg"/>
</command>
<element type="vector3d" label="vg">
<show object="true" label="false" ev="4"/>
<condition showObject="showGrad"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-1.3344841135441734" y="-0.8330102659501353" z="0" w="0"/>
<lineStyle thickness="5" type="0" typeHidden="2"/>
<startPoint exp="Q"/>
</element>
<command name="Vector">
<input a0="P" a1="P + u + (0, 0, (mx * ux) + (my * uy))"/>
<output a0="vu"/>
</command>
<element type="vector3d" label="vu">
<show object="true" label="false" ev="4"/>
<condition showObject="showGrad"/>
<objColor r="255" g="255" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.47513467121437936" y="0.8799130890093655" z="-0.2734072613636642" w="0"/>
<lineStyle thickness="5" type="0" typeHidden="2"/>
<startPoint exp="P"/>
</element>
<element type="boolean" label="showGrad">
<value val="true"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<checkbox fixed="true"/>
</element>
<expression label="txtGrad" exp=""∇f""/>
<element type="text" label="txtGrad">
<show object="true" label="false" ev="37"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="191" g="255" b="0" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1" size="0" style="0"/>
<absoluteScreenLocation x="23" y="95"/>
<ggbscript val="SetValue[showGrad, !showGrad]"/>
</element>
<expression label="text3" exp=""∇f""/>
<element type="text" label="text3">
<show object="true" label="false" ev="37"/>
<condition showObject="showGrad"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1" size="0" style="0"/>
<startPoint exp="Q + vg"/>
<labelOffset x="-30" y="-5"/>
</element>
<expression label="txtFx" exp=""f_x""/>
<element type="text" label="txtFx">
<show object="true" label="false" ev="37"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="192" b="203" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1" size="0" style="0"/>
<absoluteScreenLocation x="23" y="57"/>
<ggbscript val="SetValue[showFx, !showFx]"/>
</element>
<element type="boolean" label="showFx">
<value val="true"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<checkbox fixed="true"/>
</element>
</construction>
</geogebra>