Difference between revisions of "Lissajous curves"

From JSXGraph Wiki
Jump to navigationJump to search
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 12:20, 6 March 2009

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]