3D Visualization of Directional Derivative and Gradient
2015-01-07 05:16
This GeoGebra applet demonstrates the directional derivative and gradient concepts for a multivariable function f(x,y). It visualizes the limit definition of the directional derivative at point P along direction vector u, covering partial derivatives f_x and f_y, tangent plane construction, and the geometric meaning of directional curves. Users can adjust point coordinates and the direction vector
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="5.0" version="5.0.42.0" id="13a4b81d-e985-4cfb-b8c8-f802692a7117" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="947" height="701" />
<perspectives>
<perspective id="tmp">
<panes>
<pane location="" divider="0.3907074973600845" orientation="1" />
</panes>
<views>
<view id="4097" visible="false" inframe="true" stylebar="true" location="1,1,1,1" size="400" window="740,299,700,601" />
<view id="8" toolbar="1001 | 1002 | 1003 || 1005 | 1004 || 1006 | 1007 | 1010 || 1008 1009 || 66 68 || 6" visible="false" inframe="false" stylebar="false" location="1,3,3" size="300" window="100,100,600,400" />
<view id="1" visible="false" inframe="true" stylebar="true" location="3,3" size="185" window="309,521,600,391" />
<view id="4" toolbar="0 || 2020 , 2021 , 2022 , 66 || 2001 , 2003 , 2002 , 2004 , 2005 || 2040 , 2041 , 2042 , 2044 , 2043" visible="false" inframe="false" stylebar="true" location="1,1" size="300" window="100,100,600,400" />
<view id="2" visible="false" inframe="true" stylebar="true" location="3" size="200" window="1005,24,250,598" />
<view id="16" visible="true" inframe="false" stylebar="false" location="3" size="370" window="50,50,500,500" />
<view id="32" visible="false" inframe="false" stylebar="true" location="1" size="150" window="50,50,500,500" />
<view id="64" visible="false" inframe="true" stylebar="true" location="1" size="150" 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="512" toolbar="0 | 1 501 5 19 , 67 | 2 15 45 18 , 7 37 | 514 3 9 , 13 44 , 47 | 16 | 551 550 11 , 22 , 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="false" location="1" size="557" window="100,100,600,400" />
</views>
<toolbar show="true" items="0 39 | 1 501 67 , 5 19 , 72 | 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="true" cmd="true" top="false" />
<dockBar show="true" east="true" />
</perspective>
</perspectives>
<labelingStyle val="3"/>
<font size="12"/>
<graphicsSettings javaLatexFonts="false"/>
<consProtColumns col0="true" col1="true" col2="false" col3="true" col4="false" col5="true" col6="true" col7="false"/>
<consProtocol useColors="true" addIcons="false" showOnlyBreakpoints="false"/>
</gui>
<euclidianView>
<size width="600" height="342"/>
<coordSystem xZero="228.00000000000003" yZero="213.00000000000003" scale="50.0" yscale="50.00000000000003"/>
<evSettings axes="true" grid="true" gridIsBold="false" pointCapturing="3" 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="10"/>
<axis id="0" show="true" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
<axis id="1" show="true" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
</euclidianView>
<euclidianView>
<viewNumber viewNo="2"/>
<size width="370" height="572"/>
<coordSystem xZero="215.00000000000003" yZero="315.0" scale="50.00000000000001" yscale="50.0"/>
<evSettings axes="false" grid="false" gridIsBold="false" pointCapturing="3" 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="10"/>
<axis id="0" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
<axis id="1" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
</euclidianView>
<kernel>
<uses3D val="true"/>
<continuous val="false"/>
<usePathAndRegionParameters val="true"/>
<decimals val="2"/>
<angleUnit val="degree"/>
<algebraStyle val="0"/>
<coordStyle val="0"/>
<angleFromInvTrig val="false"/>
</kernel>
<scripting blocked="false" disabled="false"/>
<euclidianView3D>
<coordSystem xZero="0.0" yZero="0.0" zZero="-3.126291950030825" scale="50.0" xAngle="21.0" zAngle="1102.6652661064425"/>
<evSettings axes="true" grid="true" gridIsBold="false" pointCapturing="0" rightAngleStyle="1" gridType="0"/>
<axis id="0" show="true" label="" unitLabel="" tickStyle="2" showNumbers="false"/>
<axis id="1" show="true" label="" unitLabel="" tickStyle="2" showNumbers="false"/>
<axis id="2" show="false" label="" unitLabel="" tickStyle="2" showNumbers="false"/>
<plate show="false"/>
<bgColor r="255" g="255" b="255"/>
<clipping use="false" show="false" size="0"/>
<projection type="1"/>
</euclidianView3D>
<construction title="" author="" date="">
<element type="numeric" label="k">
<value val="-0.1"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="h">
<value val="5.7"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="a">
<value val="-2.668880461349519"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="b">
<value val="2.080117247848972"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<expression label="f" exp="f(x, y) = (k * ((x - a)^(2) / 2 + (y - b)^(2))) + h" />
<element type="functionNVar" label="f">
<show object="true" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
</element>
<command name="PointIn">
<input a0="z = 0"/>
<output a0="C0"/>
</command>
<element type="point3d" label="C0">
<show object="true" label="false"/>
<condition showObject="showControls"/>
<objColor r="125" g="125" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetValue[a, x(C0)] SetValue[b, y(C0)]"/>
<coords x="-2.668880461349519" y="2.080117247848972" z="0.0" w="1.0"/>
<pointSize val="3"/>
</element>
<element type="boolean" label="showControls">
<value val="false"/>
<show object="true" label="true" ev="3"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="20" y="518"/>
<labelMode val="0"/>
</element>
<command name="PointIn">
<input a0="z = 0"/>
<output a0="P"/>
</command>
<element type="point3d" label="P">
<show object="true" label="false"/>
<objColor r="255" g="0" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<coords x="0.9580407009141922" y="-0.9830916858993574" z="0.0" w="1.0"/>
<pointSize val="5"/>
</element>
<expression label="x0" exp="x(P)" />
<element type="numeric" label="x0">
<value val="0.9580407009141922"/>
<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.9830916858993574"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="planeY0" exp="y = y0" type="plane" />
<element type="plane3d" label="planeY0">
<show object="false" label="false"/>
<objColor r="102" g="153" b="255" alpha="0.25"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.0" y="1.0" z="0.0" w="0.9830916858993574"/>
<fading val="0.0"/>
</element>
<expression label="planeX0" exp="x = x0" type="plane" />
<element type="plane3d" label="planeX0">
<show object="false" label="false"/>
<objColor r="102" g="153" b="255" alpha="0.25"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="1.0" y="0.0" z="0.0" w="-0.9580407009141922"/>
<fading val="0.0"/>
</element>
<expression label="z0" exp="f(x0, y0)" />
<element type="numeric" label="z0">
<value val="4.103947246956625"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="Q" exp="(x0, y0, z0)" type="point" />
<element type="point3d" label="Q">
<show object="true" label="false"/>
<objColor r="0" g="255" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.9580407009141922" y="-0.9830916858993574" z="4.103947246956625" w="1.0"/>
<pointSize val="3"/>
</element>
<element type="vector3d" label="u_i">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<selectionAllowed val="false"/>
<coords x="1.0" y="0.0" z="0.0" w="0.0"/>
<lineStyle thickness="4" type="0" typeHidden="2"/>
</element>
<element type="vector3d" label="u_j">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<selectionAllowed val="false"/>
<coords x="0.0" y="1.0" z="0.0" w="0.0"/>
<lineStyle thickness="4" type="0" typeHidden="2"/>
</element>
<element type="numeric" label="Δx">
<value val="3.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="Δy">
<value val="-2.646514556490569"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<command name="CurveCartesian">
<input a0="s" a1="y0" a2="f(s, y0)" a3="s" a4="-10" a5="10"/>
<output a0="curveY0"/>
</command>
<element type="curvecartesian3d" label="curveY0">
<show object="true" label="false"/>
<condition showObject="showTangentPlane"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
</element>
<command name="CurveCartesian">
<input a0="x0" a1="s" a2="f(x0, s)" a3="s" a4="-10" a5="10"/>
<output a0="curveX0"/>
</command>
<element type="curvecartesian3d" label="curveX0">
<show object="true" label="false"/>
<condition showObject="showTangentPlane"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
</element>
<command name="Segment">
<input a0="P" a1="Q"/>
<output a0="segPQ"/>
</command>
<element type="segment3d" label="segPQ">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="20" typeHidden="2"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="Derivative">
<input a0="f" a1="x"/>
<output a0="f_x"/>
</command>
<element type="functionNVar" label="f_x">
<show object="false" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.75"/>
<layer val="0"/>
<labelMode val="0"/>
</element>
<command name="Derivative">
<input a0="f" a1="y"/>
<output a0="f_y"/>
</command>
<element type="functionNVar" label="f_y">
<show object="false" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.75"/>
<layer val="0"/>
<labelMode val="0"/>
</element>
<command name="Vector">
<input a0="Q" a1="Q + (1, 0, f_x(x0, y0))"/>
<output a0="u_x"/>
</command>
<element type="vector3d" label="u_x">
<show object="true" label="false"/>
<condition showObject="showTangentPlane"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="1.0" y="0.0" z="-0.3626921162263712" w="0.0"/>
<lineStyle thickness="4" type="0" typeHidden="2"/>
<startPoint exp="Q"/>
</element>
<command name="Vector">
<input a0="Q" a1="Q + (0, 1, f_y(x0, y0))"/>
<output a0="u_y"/>
</command>
<element type="vector3d" label="u_y">
<show object="true" label="false" ev="1"/>
<condition showObject="showTangentPlane"/>
<objColor r="0" g="255" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.0" y="1.0" z="0.6126417867496654" w="0.0"/>
<lineStyle thickness="4" type="0" typeHidden="2"/>
<startPoint exp="Q"/>
</element>
<command name="Vector">
<input a0="Q" a1="Q + ((-f_x(x0, y0)), (-f_y(x0, y0)), 1)"/>
<output a0="nQ"/>
</command>
<element type="vector3d" label="nQ">
<show object="true" label="false" ev="3"/>
<condition showObject="showTangentPlane"/>
<objColor r="51" g="51" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.3626921162263712" y="-0.6126417867496657" z="1.0" w="0.0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<startPoint exp="Q"/>
</element>
<expression label="planeTangent" exp="(x(nQ) * (x - x0)) + (y(nQ) * (y - y0)) + (z(nQ) * (z - z0)) = 0" type="plane" />
<element type="plane3d" label="planeTangent">
<show object="false" label="false" ev="3"/>
<objColor r="255" g="127" b="0" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.3626921162263712" y="-0.6126417867496657" z="1.0" w="-5.053704103190313"/>
<fading val="0.0"/>
</element>
<expression label="g" exp="g(x, y) = (f_x(x0, y0) * (x - x0)) + (f_y(x0, y0) * (y - y0)) + z0" />
<element type="functionNVar" label="g">
<show object="true" label="false"/>
<condition showObject="showTangentPlane"/>
<objColor r="255" g="127" b="0" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
</element>
<command name="IntersectPath">
<input a0="planeY0" a1="planeTangent"/>
<output a0="tangentX"/>
</command>
<element type="line3d" label="tangentX">
<show object="true" label="false"/>
<condition showObject="showTangentPlane"/>
<objColor r="128" g="0" b="128" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
<coords ox="1.4268053927472806" oy="-0.9830916858993574" oz="3.93392998886348" ow="1.0" vx="0.8146317072242539" vy="0.0" vz="-0.29546049783826633" vw="0.0"/>
</element>
<command name="IntersectPath">
<input a0="planeX0" a1="planeTangent"/>
<output a0="tangentY"/>
</command>
<element type="line3d" label="tangentY">
<show object="true" label="false"/>
<condition showObject="showTangentPlane"/>
<objColor r="128" g="0" b="128" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
<coords ox="0.9580407009141922" oy="-2.096393899906622" oz="3.4218917893748553" ow="1.0" vx="0.0" vy="-0.8146317072242539" vz="-0.4990774246567975" vw="0.0"/>
</element>
<expression label="txtDirDerivDef" exp=""\begin{align} &D_{\vec{u}} f(x,y) \\ &= \lim_{t \to 0} {f(x+t\cos\theta, y+t\sin\theta) \over t} \\ &= f_x(x,y)\cos\theta + f_y(x,y)\sin\theta \\ &= \nabla f \cdot \vec{u} \end{align}""/>
<element type="text" label="txtDirDerivDef">
<show object="true" label="false" ev="3"/>
<objColor r="128" g="0" b="128" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="5" style="1"/>
<absoluteScreenLocation x="24" y="79"/>
</element>
<expression label="text5" exp=""Directional Derivative:""/>
<element type="text" label="text5">
<show object="true" label="false" ev="3"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<bgColor r="255" g="250" b="205" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<font serif="true" sizeM="2.0" size="12" style="0"/>
<absoluteScreenLocation x="24" y="53"/>
</element>
<command name="Circle">
<input a0="P" a1="1" a2="xOyPlane"/>
<output a0="circleP"/>
</command>
<element type="conic3d" label="circleP">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="20" typeHidden="2"/>
<eigenvectors x0="1.0" y0="0.0" z0="1.0" x1="-0.0" y1="1.0" z1="1.0"/>
<matrix A0="1.0" A1="1.0" A2="-1.0" A3="0.0" A4="-0.0" A5="-0.0"/>
<eqnStyle style="implicit"/>
<lineStyle thickness="2" type="20" typeHidden="2"/>
</element>
<command name="Point">
<input a0="circleP"/>
<output a0="P_u"/>
</command>
<element type="point3d" label="P_u">
<show object="true" label="false"/>
<objColor r="125" g="125" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<coords x="0.9682278906233831" y="0.016856423337231474" z="0.0" w="1.0"/>
<pointSize val="5"/>
</element>
<command name="Vector">
<input a0="P" a1="P_u"/>
<output a0="u"/>
</command>
<element type="vector3d" label="u">
<show object="true" label="false"/>
<objColor r="255" g="127" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.010187189709190858" y="0.9999481092365888" z="0.0" w="0.0"/>
<lineStyle thickness="5" type="0" typeHidden="2"/>
<startPoint exp="P"/>
</element>
<element type="vector3d" label="u_k">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<coords x="0.0" y="0.0" z="1.0" w="0.0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<expression label="planePu" exp="(y(u) * (x - x0)) - (x(u) * (y - y0)) + (0 * (z - 0)) = 0" type="plane" />
<element type="plane3d" label="planePu">
<show object="true" label="false"/>
<objColor r="125" g="125" b="255" alpha="0.25"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.9999481092365888" y="-0.010187189709190858" z="0.0" w="-0.9680059289566278"/>
<fading val="0.0"/>
</element>
<command name="IntersectPath">
<input a0="planePu" a1="planeTangent"/>
<output a0="tangentU"/>
</command>
<element type="line3d" label="tangentU">
<show object="true" label="false"/>
<objColor r="102" g="0" b="204" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="2"/>
<coords ox="0.9467023641313571" oy="-2.096033405013" oz="3.426224968972852" ow="1.0" vx="-0.0082988077446155" vy="-0.8145894353630672" vz="-0.49604161500518035" vw="0.0"/>
</element>
<command name="CurveCartesian">
<input a0="x0 + (s * x(u))" a1="y0 + (s * y(u))" a2="f(x0 + (s * x(u)), y0 + (s * y(u)))" a3="s" a4="-10" a5="10"/>
<output a0="curveU"/>
</command>
<element type="curvecartesian3d" label="curveU">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<element type="boolean" label="showTangentPlane">
<value val="false"/>
<show object="true" label="true" ev="3"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="24" y="226"/>
<labelMode val="0"/>
</element>
<command name="Vector">
<input a0="Q" a1="Q + (x(u), y(u), (f_x(x0, y0) * x(u)) + (f_y(x0, y0) * y(u)))"/>
<output a0="u_t"/>
</command>
<element type="vector3d" label="u_t">
<show object="true" label="false"/>
<objColor r="255" g="255" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.010187189709190858" y="0.9999481092365888" z="0.6089151829056281" w="0.0"/>
<lineStyle thickness="5" type="0" typeHidden="1"/>
<startPoint exp="Q"/>
</element>
<expression label="txtGrad" exp=""Gradient:""/>
<element type="text" label="txtGrad">
<show object="true" label="false" ev="3"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<bgColor r="255" g="250" b="205" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="true" sizeM="2.0" size="12" style="0"/>
<startPoint x="-4.04" y="0.14000000000000004" z="1.0"/>
</element>
<expression label="txtGradDef" exp=""\nabla f = <f_x\;,\; f_y>""/>
<element type="text" label="txtGradDef">
<show object="true" label="false" ev="3"/>
<objColor r="0" g="0" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="5" style="1"/>
<startPoint x="-3.62" y="-0.52" z="1.0"/>
</element>
<expression label="grad" exp="(f_x(x0, y0), f_y(x0, y0))" type="vector" />
<element type="vector" label="grad">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="-0.36269211622637115" y="0.6126417867496659" z="0.0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<coordStyle style="cartesian"/>
</element>
<element type="numeric" label="kGrad">
<value val="5.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
</element>
<command name="Vector">
<input a0="P" a1="P + (kGrad * grad)"/>
<output a0="gradP"/>
</command>
<element type="vector3d" label="gradP">
<show object="true" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="-1.8134605811318558" y="3.0632089337483293" z="0.0" w="0.0"/>
<lineStyle thickness="3" type="0" typeHidden="2"/>
<startPoint exp="P"/>
</element>
<expression label="planeZ0" exp="z = z0" type="plane" />
<element type="plane3d" label="planeZ0">
<show object="true" label="false"/>
<objColor r="153" g="204" b="0" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<coords x="0.0" y="0.0" z="1.0" w="-4.103947246956625"/>
<fading val="0.0"/>
</element>
<expression label="contour" exp="(k * ((x - a)^(2) / 2 + (y - b)^(2))) + h - z0 = 0" type="conic" />
<element type="conic" label="contour">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<eigenvectors x0="1.0" y0="0.0" z0="1.0" x1="-0.0" y1="1.0" z1="1.0"/>
<matrix A0="-0.8" A1="-1.6" A2="12.915485291437378" A3="0.0" A4="-2.1351043690796154" A5="3.3281875965583554"/>
<eqnStyle style="implicit"/>
</element>
<command name="Point">
<input a0="contour"/>
<output a0="P_{contour}"/>
</command>
<element type="point" label="P_{contour}">
<show object="false" label="true"/>
<objColor r="125" g="125" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="1" playing="false"/>
<coords x="2.7421776987325304" y="0.9308773579484828" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<expression label="P_{contourZ0}" exp="P_{contour} + (0, 0, z0)" type="point" />
<element type="point3d" label="P_{contourZ0}">
<show object="false" label="true"/>
<objColor r="68" g="68" b="68" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="2.7421776987325304" y="0.930877357948483" z="4.103947246956625" w="1.0"/>
<pointSize val="3"/>
</element>
<command name="Locus">
<input a0="P_{contourZ0}" a1="P_{contour}"/>
<output a0="contourZ0"/>
</command>
<element type="locus" label="contourZ0">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="false"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
</element>
<expression label="P2_{contour}" exp="P_{contour} + (0, 0)" type="point" />
<element type="point" label="P2_{contour}">
<show object="false" label="true"/>
<objColor r="68" g="68" b="68" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="2.7421776987325304" y="0.9308773579484828" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Locus">
<input a0="P2_{contour}" a1="P_{contour}"/>
<output a0="contour2"/>
</command>
<element type="locus" label="contour2">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="false"/>
<lineStyle thickness="1" type="0" typeHidden="1"/>
</element>
</construction>
</geogebra>