Antiderivative: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
No edit summary |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<jsxgraph width="800" height="400" box="box"> | <jsxgraph width="800" height="400" box="box"> | ||
var brd = JXG.JSXGraph.initBoard('box', {boundingbox:[-3, | var brd = JXG.JSXGraph.initBoard('box', {boundingbox:[-3,10,3,-3],axis:true}); | ||
var p = []; | var p = []; | ||
p.push(brd.create('point',[-2,(Math.random()-0.2)*5],{name:''})); | p.push(brd.create('point',[-2,(Math.random()-0.2)*5],{name:''})); | ||
p.push(brd.create('point',[0,(Math.random()-0.2)*5],{name:''})); | p.push(brd.create('point',[0,(Math.random()-0.2)*5],{name:''})); | ||
p.push(brd.create('point',[2.2,(Math.random()-0.2)*5],{name:''})); | p.push(brd.create('point',[2.2,(Math.random()-0.2)*5],{name:''})); | ||
var f = | var f = JXG.Math.Numerics.lagrangePolynomial(p); | ||
var plot = brd.create('functiongraph',[f,-3,3]); | var plot = brd.create('functiongraph',[f,-3,3]); | ||
var s = brd.create('glider',[-2,0,plot],{name:'drag me'}); | var s = brd.create('glider',[-2,0,plot],{name:'drag me'}); | ||
var int = brd.create('integral',[ | var int = brd.create('integral',[[function(){return p[0].X();},function(){return s.X();}],plot],{fillOpacity:0.2}); | ||
var F = brd.create('point',[function(){return s.X();}, function(){return JXG.Math.Numerics.I([p[0].X(),s.X()],f);}], | |||
{trace:true,name:'F',fillColor:'#0000aa',strokeColor:'#0000aa',face:'[]'}); | |||
</jsxgraph> | </jsxgraph> | ||
===The underlying JavaScript code=== | ===The underlying JavaScript code=== | ||
<source lang="javascript"> | <source lang="javascript"> | ||
var brd = JXG.JSXGraph.initBoard('box', {boundingbox:[-3,10,3,-3],axis:true}); | |||
var p = []; | |||
p.push(brd.create('point',[-2,(Math.random()-0.2)*5],{name:''})); | |||
p.push(brd.create('point',[0,(Math.random()-0.2)*5],{name:''})); | |||
p.push(brd.create('point',[2.2,(Math.random()-0.2)*5],{name:''})); | |||
var f = JXG.Math.Numerics.lagrangePolynomial(p); | |||
var plot = brd.create('functiongraph',[f,-3,3]); | |||
var s = brd.create('glider',[-2,0,plot],{name:'drag me'}); | |||
var int = brd.create('integral',[[function(){return p[0].X();},function(){return s.X();}],plot],{fillOpacity:0.2}); | |||
var F = brd.create('point',[function(){return s.X();}, function(){return JXG.Math.Numerics.I([p[0].X(),s.X()],f);}], | |||
{trace:true,name:'F',fillColor:'#0000aa',strokeColor:'#0000aa',face:'[]'}); | |||
</source> | </source> | ||
[[Category:Calculus]] | [[Category:Calculus]] | ||
[[Category:Examples]] | [[Category:Examples]] |
Latest revision as of 14:39, 20 February 2013
The underlying JavaScript code
var brd = JXG.JSXGraph.initBoard('box', {boundingbox:[-3,10,3,-3],axis:true});
var p = [];
p.push(brd.create('point',[-2,(Math.random()-0.2)*5],{name:''}));
p.push(brd.create('point',[0,(Math.random()-0.2)*5],{name:''}));
p.push(brd.create('point',[2.2,(Math.random()-0.2)*5],{name:''}));
var f = JXG.Math.Numerics.lagrangePolynomial(p);
var plot = brd.create('functiongraph',[f,-3,3]);
var s = brd.create('glider',[-2,0,plot],{name:'drag me'});
var int = brd.create('integral',[[function(){return p[0].X();},function(){return s.X();}],plot],{fillOpacity:0.2});
var F = brd.create('point',[function(){return s.X();}, function(){return JXG.Math.Numerics.I([p[0].X(),s.X()],f);}],
{trace:true,name:'F',fillColor:'#0000aa',strokeColor:'#0000aa',face:'[]'});