Exploring Parametric Curves and Function Graphs
2017-09-12 02:23
This applet demonstrates how to plot and explore parametric curves using GeoGebra. Through input boxes and buttons, users can customize exponential, power, linear, and trigonometric functions, observing their graphical changes in the Cartesian coordinate system. It is an excellent tool for intuitively understanding the properties of various functions and the impact of parameters on curve shapes.
Loading the GeoGebra board and drawing, please wait…
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="5.0" version="5.0.386.0" app="classic" platform="w" id="bde597b1-a6a8-47e3-96eb-072ee1de1f9e" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="870" height="535" />
<perspectives>
<perspective id="tmp">
<panes>
<pane location="" divider="0.364367816091954" orientation="1" />
</panes>
<views>
<view id="4097" visible="false" inframe="true" stylebar="true" location="1,1,1" size="400" window="494,99,558,579" />
<view id="4" toolbar="0 59 || 2020 , 2021 , 2022 , 66 || 2001 , 2003 , 2002 , 2004 , 2005 || 2040 , 2041 , 2042 , 2044 , 2043" visible="false" inframe="false" stylebar="true" location="1,1" size="157" window="100,100,600,400" />
<view id="2" visible="false" inframe="false" stylebar="false" location="3,3" size="134" window="100,100,250,400" />
<view id="8" toolbar="1001 | 1002 | 1003 || 1005 | 1004 || 1006 | 1007 | 1010 | 1011 || 1008 1009 || 6" visible="false" inframe="false" stylebar="true" location="3,1" size="172" window="100,100,600,400" />
<view id="1" visible="true" inframe="false" stylebar="false" location="3" size="317" window="534,139,600,400" />
<view id="16" visible="true" inframe="false" stylebar="false" location="1" size="545" window="50,50,500,500" />
<view id="32" visible="false" inframe="false" stylebar="true" location="1" size="216" window="50,50,500,500" />
<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="false" inframe="false" stylebar="false" location="1" size="300" window="50,50,500,500" />
</views>
<toolbar show="false" items="0 39 59 | 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 66 68 | 25 52 60 61 | 40 41 42 , 27 28 35 , 6" position="1" help="false" />
<input show="false" cmd="true" top="false" />
<dockBar show="false" east="false" />
</perspective>
</perspectives>
<labelingStyle val="3"/>
<font size="12"/>
</gui>
<euclidianView>
<viewNumber viewNo="1"/>
<size width="317" height="535"/>
<coordSystem xZero="176.33333333333252" yZero="211.33333333333368" scale="33.33333333333325" yscale="33.333333333333286"/>
<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" tickDistance="1" tickExpression=""/>
<axis id="1" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true" tickDistance="1" tickExpression=""/>
</euclidianView>
<euclidianView>
<viewNumber viewNo="2"/>
<size width="545" height="535"/>
<coordSystem xZero="273.9999999999995" yZero="273.66666666666634" scale="33.33333333333333" yscale="33.33333333333332"/>
<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" tickDistance="1" tickExpression=""/>
<axis id="1" show="true" label="" unitLabel="" tickStyle="1" showNumbers="true" tickDistance="1" tickExpression=""/>
</euclidianView>
<kernel>
<continuous val="false"/>
<usePathAndRegionParameters val="true"/>
<decimals val="2"/>
<angleUnit val="degree"/>
<algebraStyle val="0" spreadsheet="0"/>
<coordStyle val="0"/>
</kernel>
<scripting blocked="false" disabled="false"/>
<construction title="平面曲線(1)" author="kuanchangsou" date="">
<worksheetText above="" below="阿壽工坊---http://120.101.70.8/longlife/"/>
<expression label ="f" exp="f(t) = (5 * cos(t)) + (0.5 * cos((9 * t)))" type="function"/>
<element type="function" label="f">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation speed="1" type="0" playing="false"/>
<isShape val="false"/>
<ggbscript onUpdate="SetVisibleInView[c,1,false] SetVisibleInView[c,2,false]"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<expression label ="g" exp="g(t) = (5 * sin(t)) + (2.5 * sin((5 * t)))" type="function"/>
<element type="function" label="g">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation speed="1" type="0" playing="false"/>
<isShape val="false"/>
<ggbscript onUpdate="SetVisibleInView[c,1,false] SetVisibleInView[c,2,false]"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<command name="Textfield">
<input a0="f"/>
<output a0="inputBox1"/>
</command>
<element type="textfield" label="inputBox1">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="13" y="111"/>
<labelMode val="0"/>
<fixed val="true"/>
<isShape val="false"/>
<auxiliary val="true"/>
<linkedGeo exp="f"/>
<length val="23"/>
<caption val="f(t)="/>
</element>
<command name="Textfield">
<input a0="g"/>
<output a0="inputBox2"/>
</command>
<element type="textfield" label="inputBox2">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="9" y="140"/>
<labelMode val="0"/>
<fixed val="true"/>
<isShape val="false"/>
<auxiliary val="true"/>
<linkedGeo exp="g"/>
<length val="23"/>
<caption val="g(t)="/>
</element>
<element type="numeric" label="a">
<value val="0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="-100" max="100" absoluteScreenLocation="true" width="100" x="21" y="396" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<animation step="0.01" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetVisibleInView[c,1,false] SetVisibleInView[c,2,false]"/>
</element>
<element type="numeric" label="b">
<value val="6.283185307179586"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="-100" max="100" absoluteScreenLocation="true" width="100" x="159" y="385" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<animation step="0.01" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetVisibleInView[c,1,false] SetVisibleInView[c,2,false]"/>
</element>
<command name="Textfield">
<input a0="a"/>
<output a0="inputBox3"/>
</command>
<element type="textfield" label="inputBox3">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="10" y="178"/>
<labelMode val="0"/>
<fixed val="true"/>
<isShape val="false"/>
<auxiliary val="true"/>
<linkedGeo exp="a"/>
<length val="4"/>
<caption val="參數t的開始值:a="/>
</element>
<command name="Textfield">
<input a0="b"/>
<output a0="inputBox4"/>
</command>
<element type="textfield" label="inputBox4">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="10" y="211"/>
<labelMode val="0"/>
<fixed val="true"/>
<isShape val="false"/>
<auxiliary val="true"/>
<linkedGeo exp="b"/>
<length val="4"/>
<caption val="參數t的結束值:b="/>
</element>
<element type="button" label="button1">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="176" y="178"/>
<labelMode val="0"/>
<fixed val="true"/>
<isShape val="false"/>
<auxiliary val="true"/>
<ggbscript val="c=CurveCartesian[f(t),g(t),t,a,b] SetFilling[c,L_1] SetLineThickness[c,L_2] SetLineStyle[c,L_3] SetColor[c, s_1/255,s_2/255,s_3/255] SetVisibleInView[c,1,false] SetVisibleInView[c,2,true]"/>
<caption val="畫出參數曲線C(t)"/>
</element>
<element type="numeric" label="L_1">
<value val="0.31"/>
<show object="true" label="true"/>
<condition showObject="Defined[c]"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="8" y="3"/>
<labelMode val="3"/>
<slider min="0" max="1" absoluteScreenLocation="true" width="100" x="143" y="378" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="0.01" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetFilling[c,L_1]"/>
<caption val="填色比:%v"/>
</element>
<element type="numeric" label="L_2">
<value val="5"/>
<show object="true" label="true"/>
<condition showObject="Defined[c]"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="10" y="4"/>
<labelMode val="3"/>
<slider min="0" max="30" absoluteScreenLocation="true" width="100" x="143" y="311" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetLineThickness[L_2,L_2] SetLineThickness[L_3,L_2] SetLineThickness[c,L_2]"/>
<caption val="粗細:%v"/>
</element>
<element type="numeric" label="L_3">
<value val="3"/>
<show object="true" label="true"/>
<condition showObject="Defined[c]"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="10" y="4"/>
<labelMode val="3"/>
<slider min="0" max="4" absoluteScreenLocation="true" width="100" x="143" y="345" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetLineStyle[L_3,L_3] SetLineStyle[c,L_3]"/>
<caption val="線條樣式:%v"/>
</element>
<element type="numeric" label="s_1">
<value val="0"/>
<show object="true" label="true"/>
<condition showObject="Defined[c]"/>
<objColor r="255" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="7" y="2"/>
<labelMode val="3"/>
<slider min="0" max="255" absoluteScreenLocation="true" width="100" x="10" y="311" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetColor[c, s_1/255,s_2/255,s_3/255]"/>
<caption val="R=%v"/>
</element>
<element type="numeric" label="s_2">
<value val="0"/>
<show object="true" label="true"/>
<condition showObject="Defined[c]"/>
<objColor r="0" g="255" b="0" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="8" y="5"/>
<labelMode val="3"/>
<slider min="0" max="255" absoluteScreenLocation="true" width="100" x="10" y="345" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetColor[c, s_1/255,s_2/255,s_3/255]"/>
<caption val="G=%v"/>
</element>
<element type="numeric" label="s_3">
<value val="255"/>
<show object="true" label="true"/>
<condition showObject="Defined[c]"/>
<objColor r="0" g="0" b="255" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="8" y="4"/>
<labelMode val="3"/>
<slider min="0" max="255" absoluteScreenLocation="true" width="100" x="10" y="378" fixed="true" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetColor[c, s_1/255,s_2/255,s_3/255]"/>
<caption val="B=%v"/>
</element>
<element type="button" label="button2">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="176" y="212"/>
<labelMode val="0"/>
<fixed val="true"/>
<isShape val="false"/>
<auxiliary val="true"/>
<ggbscript val="SetVisibleInView[c,1,false] SetVisibleInView[c,2,false] SetValue[L_1,0] SetValue[L_2,2] SetValue[L_3,0] SetValue[s_1,0] SetValue[s_2,0] SetValue[s_3,0]"/>
<caption val="Reset"/>
</element>
<command name="CurveCartesian">
<input a0="f(t)" a1="g(t)" a2="t" a3="a" a4="b"/>
<output a0="c"/>
</command>
<element type="curvecartesian" label="c">
<show object="true" label="false" ev="3"/>
<objColor r="0" g="0" b="255" alpha="0.31"/>
<layer val="0"/>
<labelMode val="0"/>
<isShape val="false"/>
<lineStyle thickness="5" type="20" typeHidden="1"/>
</element>
<expression label="text1" exp=""二維參數曲線:C(t): " + (LaTeX[TableText[{{"x=f(t)"}, {"y=g(t)"}}, "{"]]) + "\cr (其中參數t的範圍:\text{ }a≤t≤b)"" />
<element type="text" label="text1">
<show object="true" label="false"/>
<objColor r="0" g="0" b="255" alpha="0"/>
<bgColor r="255" g="255" b="0" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<selectionAllowed val="false"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1" size="0" style="1"/>
<absoluteScreenLocation x="14" y="12"/>
</element>
</construction>
</geogebra>