Continuous function II

From JSXGraph Wiki
Revision as of 18:02, 7 January 2019 by A WASSERMANN (talk | contribs)
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

References

The underlying JavaScript code

 var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-1, 10, 11, -2], axis: true});

 var f = function(x) { return 1.0/x; };
 var graph = board.create('functiongraph', [f,0.00001, 15], {strokeColor:'#00ff00'});

 var s = board.create('slider', [[0,-1],[4,-1],[0,1,1]],{name:'ε'});

 var y1 = board.create('glider', [0,3,board.defaultAxes.y],{name:'f(a)'});
 board.suspendUpdate();
 var y2 = board.create('point', [0,function(){return y1.Y()-s.Value();}],{size:2,face:'[]',name:' '});
 var y3 = board.create('point', [0,function(){return y1.Y()+s.Value();}],{size:2,face:'[]',name:' '});

 var z1 = board.create('point', [function(){return f(y1.Y());},function(){return y1.Y();}],{size:2,face:'[]',name:'f(a)'});
 var z2 = board.create('point', [function(){return f(y2.Y());},function(){return y2.Y();}],{size:2,face:'[]',name:' '});
 var z3 = board.create('point', [function(){return f(y3.Y());},function(){return y3.Y();}],{size:2,face:'[]',name:' '});

 var v1 = board.create('segment', [z1,y1],{strokeColor:'gray',dash:2,strokeWidth:1});
 var v2 = board.create('line', [z2,y2],{strokeColor:'gray',dash:2,strokeWidth:1});
 var v3 = board.create('line', [z3,y3],{strokeColor:'gray',dash:2,strokeWidth:1});

 var h1 = board.create('curve', [function(t){return z1.X();},function(t){return t},0,20], {strokeColor:'gray',dash:2,strokeWidth:1});
 var h2 = board.create('curve', [function(t){return z2.X();},function(t){return t},0,20], {strokeColor:'gray',dash:2,strokeWidth:1});
 var h3 = board.create('curve', [function(t){return z3.X();},function(t){return t},0,20], {strokeColor:'gray',dash:2,strokeWidth:1});
 board.unsuspendUpdate();