Arc length - Revision history

A WASSERMANN at 15:40, 14 January 2012

2012-01-14T15:40:08Z

← Older revision		Revision as of 15:40, 14 January 2012
Line 49:		Line 49:
	}		}
	return 'Length='+s.toFixed(4); }]);		return 'Length='+s.toFixed(4); }]);
			brd.update();
	</jsxgraph>		</jsxgraph>

Line 102:		Line 103:
	}		}
	return 'Length='+s.toFixed(4); }]);		return 'Length='+s.toFixed(4); }]);
			brd.update();
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Calculus]]		[[Category:Calculus]]

Michael at 11:33, 7 June 2011

2011-06-07T11:33:47Z

← Older revision		Revision as of 11:33, 7 June 2011
Line 52:		Line 52:

	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="~~xml">~~		<source lang="javascript">
	~~<jsxgraph width="800" height="400" box="box~~">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox: [-8, 6, 8, -2]});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox: [-8, 6, 8, -2]});
	var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
Line 103:		Line 102:
	}		}
	return 'Length='+s.toFixed(4); }]);		return 'Length='+s.toFixed(4); }]);
	~~</jsxgraph>~~</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Calculus]]		[[Category:Calculus]]

Michael at 11:22, 7 June 2011

2011-06-07T11:22:45Z

← Older revision		Revision as of 11:22, 7 June 2011
Line 1:		Line 1:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, ~~originX~~: ~~400~~, ~~originY: 300~~, ~~grid:true~~, ~~unitX: 50, unitY: 50~~});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox: [-8, 6, 8, -2]});
	var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }
Line 54:		Line 54:
	<source lang="xml">		<source lang="xml">
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, ~~originX~~: ~~400~~, ~~originY: 300~~, ~~grid:true~~, ~~unitX: 50, unitY: 50~~});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox: [-8, 6, 8, -2]});
	var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }

A WASSERMANN at 10:28, 26 May 2010

2010-05-26T10:28:37Z

← Older revision		Revision as of 10:28, 26 May 2010
Line 1:		Line 1:
	<jsxgraph width="800" height="400">		<jsxgraph width="800" height="400" box="box">
	//var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50~~});~~		var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	~~var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-8,6,8,-6], grid:true~~});
	var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }

A WASSERMANN at 10:28, 26 May 2010

2010-05-26T10:28:18Z

← Older revision		Revision as of 10:28, 26 May 2010
Line 1:		Line 1:
	<jsxgraph width="800" height="400~~" box="box~~">		<jsxgraph width="800" height="400">
	//var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		//var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	var brd = JXG.JSXGraph.initBoard('~~box~~', {axis:true, boundingbox:[-8,6,8,-6], grid:true});		var brd = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-8,6,8,-6], grid:true});
	var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }

A WASSERMANN at 10:27, 26 May 2010

2010-05-26T10:27:58Z

← Older revision		Revision as of 10:27, 26 May 2010
Line 1:		Line 1:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		//var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
			var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox:[-8,6,8,-6], grid:true});
	var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }

A WASSERMANN at 10:26, 26 May 2010

2010-05-26T10:26:15Z

← Older revision		Revision as of 10:26, 26 May 2010
Line 1:		Line 1:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	var n = brd.~~createElement~~('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }
	var plot = brd.~~createElement~~('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});		var plot = brd.create('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});
	var start = -3.0;		var start = -3.0;
	var end = 5.0;		var end = 5.0;
	var sc = brd.~~createElement~~('curve',[[0],[0]],{dash:1,strokeWidth:1,strokeColor:'red'});		var sc = brd.create('curve',[[0],[0]],{dash:1,strokeWidth:1,strokeColor:'red'});
	sc.updateDataArray = function() {		sc.updateDataArray = function() {
	var i;		var i;
Line 22:		Line 22:
	}		}
	}		}
	var approx = brd.~~createElement~~('curve',[[0],[0]], {strokeColor:'red'});		var approx = brd.create('curve',[[0],[0]], {strokeColor:'red'});
	approx.updateDataArray = function() {		approx.updateDataArray = function() {
	var i;		var i;
Line 37:		Line 37:
	}		}

	brd.~~createElement~~('text',[-6,-1,function(){		brd.create('text',[-6,-1,function(){
	var i,s,f0,f1;		var i,s,f0,f1;
	var m = n.Value();		var m = n.Value();
Line 55:		Line 55:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	var n = brd.~~createElement~~('slider',[[1,3],[5,3],[1,10,50]],{name:'n',snapWidth:1});		var n = brd.create('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }
	var plot = brd.~~createElement~~('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});		var plot = brd.create('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});
	var start = -3.0;		var start = -3.0;
	var end = 5.0;		var end = 5.0;
	var sc = brd.~~createElement~~('curve',[[0],[0]],{dash:1,strokeWidth:1,strokeColor:'red'});		var sc = brd.create('curve',[[0],[0]],{dash:1,strokeWidth:1,strokeColor:'red'});
	sc.updateDataArray = function() {		sc.updateDataArray = function() {
	var i;		var i;
Line 76:		Line 76:
	}		}
	}		}
	var approx = brd.~~createElement~~('curve',[[0],[0]], {strokeColor:'red'});		var approx = brd.create('curve',[[0],[0]], {strokeColor:'red'});
	approx.updateDataArray = function() {		approx.updateDataArray = function() {
	var i;		var i;
Line 91:		Line 91:
	}		}

	brd.~~createElement~~('text',[-6,-1,function(){		brd.create('text',[-6,-1,function(){
	var i,s,f0,f1;		var i,s,f0,f1;
	var m = n.Value();		var m = n.Value();

A WASSERMANN at 17:15, 22 June 2009

2009-06-22T17:15:28Z

← Older revision		Revision as of 17:15, 22 June 2009
Line 1:		Line 1:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	var n = brd.createElement('slider',[[1,3],[6,3],[1,10,70]],{name:'n'});		var n = brd.createElement('slider',[[1,3],[6,3],[1,10,70]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }
	var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});		var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});
Line 10:		Line 10:
	var i;		var i;
	var m = n.Value();		var m = n.Value();
	~~m = Math.floor(m);~~
	var d = (end-start)/m;		var d = (end-start)/m;
	this.dataX = [];		this.dataX = [];
Line 27:		Line 26:
	var i;		var i;
	var m = n.Value();		var m = n.Value();
	~~m = Math.floor(m);~~
	var d = (end-start)/m;		var d = (end-start)/m;
	this.dataX = [];		this.dataX = [];
Line 42:		Line 40:
	var i,s,f0,f1;		var i,s,f0,f1;
	var m = n.Value();		var m = n.Value();
	~~m = Math.floor(m);~~
	var d = (end-start)/m;		var d = (end-start)/m;
	s = 0.0;		s = 0.0;
Line 58:		Line 55:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	var n = brd.createElement('slider',[[1,3],[5,3],[1,10,50]],{name:'n'});		var n = brd.createElement('slider',[[1,3],[5,3],[1,10,50]],{name:'n',snapWidth:1});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }
	var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});		var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});
Line 67:		Line 64:
	var i;		var i;
	var m = n.Value();		var m = n.Value();
	~~m = Math.floor(m);~~
	var d = (end-start)/m;		var d = (end-start)/m;
	this.dataX = [];		this.dataX = [];
Line 84:		Line 80:
	var i;		var i;
	var m = n.Value();		var m = n.Value();
	~~m = Math.floor(m);~~
	var d = (end-start)/m;		var d = (end-start)/m;
	this.dataX = [];		this.dataX = [];
Line 99:		Line 94:
	var i,s,f0,f1;		var i,s,f0,f1;
	var m = n.Value();		var m = n.Value();
	~~m = Math.floor(m);~~
	var d = (end-start)/m;		var d = (end-start)/m;
	s = 0.0;		s = 0.0;

A WASSERMANN at 15:42, 11 June 2009

2009-06-11T15:42:00Z

← Older revision		Revision as of 15:42, 11 June 2009
Line 1:		Line 1:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	var n = brd.createElement('slider',[[1,3],[6,3],[1,2,70]],{name:'n'});		var n = brd.createElement('slider',[[1,3],[6,3],[1,10,70]],{name:'n'});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }
	var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});		var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});

A WASSERMANN at 15:41, 11 June 2009

2009-06-11T15:41:28Z

← Older revision		Revision as of 15:41, 11 June 2009
Line 1:		Line 1:
	<jsxgraph width="800" height="400" box="box">		<jsxgraph width="800" height="400" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('box', {axis:true, originX: 400, originY: 300, grid:true, unitX: 50, unitY: 50});
	var n = brd.createElement('slider',[[1,3],[6,3],[1,10,70]],{name:'n'});		var n = brd.createElement('slider',[[1,3],[6,3],[1,2,70]],{name:'n'});
	var f = function(x){ return 0.2xx+2.0*Math.sin(x); }		var f = function(x){ return 0.2xx+2.0*Math.sin(x); }
	var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});		var plot = brd.createElement('functiongraph',[f], {strokeWidth:1,strokeOpacity:0.3});