Difference between revisions of "Sequences of functions"

From JSXGraph Wiki
Jump to navigationJump to search
(New page: <jsxgraph width="600" height="400" box="box"> var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 100, originY: 340, unitX: 50, unitY: 200}); var n = brd.createElement('slider',[[...)
 
 
(40 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<jsxgraph width="600" height="400" box="box">
+
==Pointwise convergence==
var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 100, originY: 340, unitX: 50, unitY: 200});
 
var n = brd.createElement('slider',[[1,1.5],[6,1.5],[1,1,70]],{name:'n'});
 
var f = function(x){ return Math.pow(x,Math.floor(n.Value()); }
 
var plot = brd.createElement('functiongraph',[f,0,1], {strokeWidth:1,strokeOpacity:0.3});
 
  
 +
<jsxgraph width="650" height="400" box="box">
 +
var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
 +
brd.suspendUpdate();
 +
var n = brd.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
 +
var f = function(x){ return Math.pow(x,n.Value()); }
 +
var plot = brd.create('functiongraph',[f,0,1], {strokeWidth:2});
 +
brd.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n.Value())+'</sub>(x)=x<sup>'+Math.floor(n.Value())+'</sup>';}],
 +
  {fontSize:20});
 +
brd.unsuspendUpdate();
 
</jsxgraph>
 
</jsxgraph>
  
===The underlying JavaScript code===
+
<source lang="javascript">
<source lang="xml">
+
var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
 +
brd.suspendUpdate();
 +
var n = brd.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
 +
var f = function(x){ return Math.pow(x,n.Value()); }
 +
var plot = brd.create('functiongraph',[f,0,1], {strokeWidth:2});
 +
brd.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n.Value())+'</sub>(x)=x<sup>'+Math.floor(n.Value())+'</sup>';}],
 +
  {fontSize:20});
 +
brd.unsuspendUpdate();
 +
</source>
 +
 
 +
==Uniform convergence==
 +
<jsxgraph width="650" height="400" box="box2">
 +
var brd2 = JXG.JSXGraph.initBoard('box2', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
 +
brd2.suspendUpdate();
 +
var n2 = brd2.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
 +
var f2 = function(x){ return 4*(1-x)*x/n2.Value(); }
 +
var plot2 = brd2.create('functiongraph',[f2,0,1], {strokeWidth:2});
 +
brd2.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n2.Value())+'</sub>(x)=4*(1-x)*x/'+n2.Value().toFixed(0);}],
 +
  {fontSize:20});
 +
brd2.unsuspendUpdate();
 +
</jsxgraph>
 +
 
 +
<source lang="javascript">
 +
var brd2 = JXG.JSXGraph.initBoard('box2', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
 +
brd2.suspendUpdate();
 +
var n2 = brd2.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
 +
var f2 = function(x){ return 4*(1-x)*x/n2.Value(); }
 +
var plot2 = brd2.create('functiongraph',[f2,0,1], {strokeWidth:2});
 +
brd2.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n2.Value())+'</sub>(x)=4*(1-x)*x/'+n2.Value().toFixed(0);}],
 +
  {fontSize:20});
 +
brd2.unsuspendUpdate();
 +
</source>
 +
 
 +
<jsxgraph width="650" height="400" box="box3">
 +
var brd3 = JXG.JSXGraph.initBoard('box3', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
 +
brd3.suspendUpdate();
 +
var n3 = brd3.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
 +
var f3 = function(x){ return x*x+x/n3.Value(); }
 +
var plot3 = brd3.create('functiongraph',[f3,0,1], {strokeWidth:2});
 +
brd3.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n3.Value())+'</sub>(x)=x<sup>2</sup>+x/'+n3.Value().toFixed(0);}],
 +
  {fontSize:20});
 +
brd3.unsuspendUpdate();
 +
</jsxgraph>
 +
 
 +
<source lang="javascript">
 +
var brd3 = JXG.JSXGraph.initBoard('box3', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
 +
brd3.suspendUpdate();
 +
var n3 = brd3.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
 +
var f3 = function(x){ return x*x+x/n3.Value(); }
 +
var plot3 = brd3.create('functiongraph',[f3,0,1], {strokeWidth:2});
 +
brd3.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n3.Value())+'</sub>(x)=x<sup>2</sup>+x/'+n3.Value().toFixed(0);}],
 +
  {fontSize:20});
 +
brd3.unsuspendUpdate();
 
</source>
 
</source>
  
 
[[Category:Examples]]
 
[[Category:Examples]]
 
[[Category:Calculus]]
 
[[Category:Calculus]]

Latest revision as of 16:57, 20 February 2013

Pointwise convergence

var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
brd.suspendUpdate();
var n = brd.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
var f = function(x){ return Math.pow(x,n.Value()); }
var plot = brd.create('functiongraph',[f,0,1], {strokeWidth:2});
brd.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n.Value())+'</sub>(x)=x<sup>'+Math.floor(n.Value())+'</sup>';}],
  {fontSize:20});
brd.unsuspendUpdate();

Uniform convergence

var brd2 = JXG.JSXGraph.initBoard('box2', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
brd2.suspendUpdate();
var n2 = brd2.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
var f2 = function(x){ return 4*(1-x)*x/n2.Value(); }
var plot2 = brd2.create('functiongraph',[f2,0,1], {strokeWidth:2});
brd2.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n2.Value())+'</sub>(x)=4*(1-x)*x/'+n2.Value().toFixed(0);}],
  {fontSize:20});
brd2.unsuspendUpdate();

var brd3 = JXG.JSXGraph.initBoard('box3', {axis:true, boundingbox:[-0.25,1.7,1.25,-0.5]});
brd3.suspendUpdate();
var n3 = brd3.create('slider',[[0.1,1.5],[1.1,1.5],[1,1,100]],{name:'n',snapWidth:1});
var f3 = function(x){ return x*x+x/n3.Value(); }
var plot3 = brd3.create('functiongraph',[f3,0,1], {strokeWidth:2});
brd3.createElement('text',[0.2,0.7,function(){return 'f<sub>'+Math.floor(n3.Value())+'</sub>(x)=x<sup>2</sup>+x/'+n3.Value().toFixed(0);}],
  {fontSize:20});
brd3.unsuspendUpdate();