Lissajous curves: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 1: Line 1:
Lissajous curve (Lissajous figure or Bowditch curve) is the graph of the system of parametric equations
Lissajous curve (Lissajous figure or Bowditch curve) is the graph of the system of parametric equations


:<math>x=A\sin(at+\delta),\quad y=B\sin(bt),</math>
:<math>x=A\sin(at+\delta),\quad y=B\sin(bt).</math>


<jsxgraph board="brd" width="600" height="500">
<jsxgraph board="brd" width="600" height="500">
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:20,unitY:20});
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:30,unitY:30});
var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a']);
var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a']);
var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b']);
var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b']);
Line 14: Line 14:
           function(t){return A.Value()*Math.sin(a.Value()*t+delta.Value());},
           function(t){return A.Value()*Math.sin(a.Value()*t+delta.Value());},
           function(t){return B.Value()*Math.sin(b.Value()*t);},
           function(t){return B.Value()*Math.sin(b.Value()*t);},
           0, 2*Math.PI]);
           0, 2*Math.PI],{strokeColor:'#aa2233',strokeWidth:3});
</jsxgraph>
</jsxgraph>
[[Category:Examples]]
[[Category:Examples]]
[[Category:Curves]]
[[Category:Curves]]

Revision as of 10:20, 6 March 2009

Lissajous curve (Lissajous figure or Bowditch curve) is the graph of the system of parametric equations

[math]\displaystyle{ x=A\sin(at+\delta),\quad y=B\sin(bt). }[/math]