Elliptic curves: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 17: Line 17:
brd.createElement('text',[12,-4,'(b)']);
brd.createElement('text',[12,-4,'(b)']);


var c1 = brd.createElement('curve', ['x', function(x){ return Math.sqrt(x*x*x+a.Value()*x+b.Value()); }, 'x'], {strokeWidth:3,strokeColor:'black'});
var c1 = brd.createElement('functiongraph', [function(x){ return Math.sqrt(x*x*x+a.Value()*x+b.Value()); }], {strokeWidth:3,strokeColor:'black'});
var c2 = brd.createElement('curve', ['x', function(x){ return -Math.sqrt(x*x*x+a.Value()*x+b.Value()); }, 'x'], {strokeWidth:3,strokeColor:'black'});
var c2 = brd.createElement('functiongraph', [function(x){ return -Math.sqrt(x*x*x+a.Value()*x+b.Value()); }], {strokeWidth:3,strokeColor:'black'});


brd.unsuspendUpdate();
brd.unsuspendUpdate();
Line 41: Line 41:
brd.createElement('text',[12,-4,'(b)']);
brd.createElement('text',[12,-4,'(b)']);


var c1 = brd.createElement('curve', ['x', function(x){ return Math.sqrt(x*x*x+a.Value()*x+b.Value()); }, 'x'], {strokeWidth:3,strokeColor:'black'});
var c1 = brd.createElement('functiongraph', [function(x){ return Math.sqrt(x*x*x+a.Value()*x+b.Value()); }], {strokeWidth:3,strokeColor:'black'});
var c2 = brd.createElement('curve', ['x', function(x){ return -Math.sqrt(x*x*x+a.Value()*x+b.Value()); }, 'x'], {strokeWidth:3,strokeColor:'black'});
var c2 = brd.createElement('functiongraph', [function(x){ return -Math.sqrt(x*x*x+a.Value()*x+b.Value()); }], {strokeWidth:3,strokeColor:'black'});


brd.unsuspendUpdate();
brd.unsuspendUpdate();

Revision as of 11:42, 10 March 2009

An elliptic curve can be written as a plane algebraic curve defined by an equation of the form

[math]\displaystyle{ y^2=x^3+ax+b\,. }[/math]

<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="jxgbox" class="jxgbox" style="width:600px; height:400px;"></div>
brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 200, unitX: 20, unitY: 20});
brd.suspendUpdate();
brd.createElement('axis', [[0,0], [1,0]], {});
brd.createElement('axis', [[0,0], [0,1]], {});
//
var b = brd.createElement('slider',[[1,-3],[10,-3],[-10,1,10]],{name:'a'});
brd.createElement('text',[12,-3,'(a)']);
var a = brd.createElement('slider',[[1,-4],[10,-4],[-10,-8,10]],{name:'b'});
brd.createElement('text',[12,-4,'(b)']);

var c1 = brd.createElement('functiongraph', [function(x){ return Math.sqrt(x*x*x+a.Value()*x+b.Value()); }], {strokeWidth:3,strokeColor:'black'});
var c2 = brd.createElement('functiongraph', [function(x){ return -Math.sqrt(x*x*x+a.Value()*x+b.Value()); }], {strokeWidth:3,strokeColor:'black'});

brd.unsuspendUpdate();

References