The Multiplication Parabola: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<jsxgraph width="400" height="600" box="box"> | <jsxgraph width="400" height="600" box="box"> | ||
var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 200, originY: 550, grid:true, unitX: 50, unitY: 50}); | var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 200, originY: 550, grid:true, unitX: 50, unitY: 50}); | ||
var f = brd. | var f = brd.create('functiongraph',[function(x){return x*x;}],{strokeColor:'black',highlightStrokeColor:'black'}); | ||
var a = brd. | var a = brd.create('glider',[-2,4,f]); | ||
var b = brd. | var b = brd.create('glider',[3,9,f]); | ||
var g = brd. | var g = brd.create('line',[a,b],{straightFirst:false,straightLast:false}); | ||
var p = brd. | var p = brd.create('point',[function(){return 0.0;},function(){return -a.X()*b.X();}],{fixed:true}); | ||
var t = brd. | var t = brd.create('text',[-1.5,9,function(){ return '-X(A)*X(B) = '+a.X().toFixed(2)+'*'+b.X().toFixed(2)+' = '+(-a.X()*b.X()).toFixed(2)+' = Y(C)';}]); | ||
</jsxgraph> | </jsxgraph> | ||
| Line 13: | Line 13: | ||
<jsxgraph width="400" height="600" box="box"> | <jsxgraph width="400" height="600" box="box"> | ||
var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 200, originY: 550, grid:true, unitX: 50, unitY: 50}); | var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 200, originY: 550, grid:true, unitX: 50, unitY: 50}); | ||
var f = brd. | var f = brd.create('functiongraph',[function(x){return x*x;}],{strokeColor:'black',highlightStrokeColor:'black'}); | ||
var a = brd. | var a = brd.create('glider',[-2,4,f]); | ||
var b = brd. | var b = brd.create('glider',[3,9,f]); | ||
var g = brd. | var g = brd.create('line',[a,b],{straightFirst:false,straightLast:false}); | ||
var p = brd. | var p = brd.create('point',[function(){return 0.0;},function(){return -a.X()*b.X();}],{fixed:true}); | ||
var t = brd. | var t = brd.create('text',[-1.5,9,function(){ return '-X(A)*X(B) = '+a.X().toFixed(2)+'*'+b.X().toFixed(2)+' = '+(-a.X()*b.X()).toFixed(2)+' = Y(C)';}]); | ||
</jsxgraph> | </jsxgraph> | ||
</source> | </source> | ||
[[Category:Examples]] | [[Category:Examples]] | ||
Revision as of 08:45, 16 June 2010
The underlying JavaScript code
<jsxgraph width="400" height="600" box="box">
var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 200, originY: 550, grid:true, unitX: 50, unitY: 50});
var f = brd.create('functiongraph',[function(x){return x*x;}],{strokeColor:'black',highlightStrokeColor:'black'});
var a = brd.create('glider',[-2,4,f]);
var b = brd.create('glider',[3,9,f]);
var g = brd.create('line',[a,b],{straightFirst:false,straightLast:false});
var p = brd.create('point',[function(){return 0.0;},function(){return -a.X()*b.X();}],{fixed:true});
var t = brd.create('text',[-1.5,9,function(){ return '-X(A)*X(B) = '+a.X().toFixed(2)+'*'+b.X().toFixed(2)+' = '+(-a.X()*b.X()).toFixed(2)+' = Y(C)';}]);
</jsxgraph>
