Cubic spline interpolation - Revision history

Michael at 13:09, 7 June 2011

2011-06-07T13:09:24Z

← Older revision		Revision as of 13:09, 7 June 2011
Line 18:		Line 18:

	function addPoint() {		function addPoint() {
	p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{~~style~~:6}));		p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{size: 4, face: 'o'}));
	board.update();		board.update();
	}		}
Line 41:		Line 41:

	function addPoint() {		function addPoint() {
	p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{~~style~~:6}));		p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{size: 4, face: 'o'}));
	board.update();		board.update();
	}</source>		}</source>

Michael at 13:08, 7 June 2011

2011-06-07T13:08:55Z

← Older revision		Revision as of 13:08, 7 June 2011
Line 5:		Line 5:
	</html>		</html>
	<jsxgraph width="600" height="400" box="box">		<jsxgraph width="600" height="400" box="box">
	var board = JXG.JSXGraph.initBoard('box', {~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 50~~, ~~unitY: 25~~, axis:true});		var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 10, 7, -5], axis:true});
	var p = [];		var p = [];
	p[0] = board.create('point', [-1,2], {~~style~~:6});		p[0] = board.create('point', [-1,2], {size: 4, face: 'o'});
	p[1] = board.create('point', [0,-1], {~~style~~:6});		p[1] = board.create('point', [0,-1], {size: 4, face: 'o'});
	p[2] = board.create('point', [1,0], {~~style~~:6});		p[2] = board.create('point', [1,0], {size: 4, face: 'o'});
	p[3] = board.create('point', [2,1], {~~style~~:6});		p[3] = board.create('point', [2,1], {size: 4, face: 'o'});

	var c = board.create('spline', p, {strokeWidth:3});		var c = board.create('spline', p, {strokeWidth:3});
Line 20:		Line 20:
	p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));		p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));
	board.update();		board.update();
	}		}

	</jsxgraph>		</jsxgraph>

Line 29:		Line 28:
	=== The underlying JavaScript code ===		=== The underlying JavaScript code ===
	<source lang="javascript">		<source lang="javascript">
	var board = JXG.JSXGraph.initBoard('box', {~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 50~~, ~~unitY: 25~~, axis:true});		var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 10, 7, -5], axis:true});
	var p = [];		var p = [];
	p[0] = board.create('point', [-1,2], {~~style~~:6});		p[0] = board.create('point', [-1,2], {size: 4, face: 'o'});
	p[1] = board.create('point', [0,-1], {~~style~~:6});		p[1] = board.create('point', [0,-1], {size: 4, face: 'o'});
	p[2] = board.create('point', [1,0], {~~style~~:6});		p[2] = board.create('point', [1,0], {size: 4, face: 'o'});
	p[3] = board.create('point', [2,1], {~~style~~:6});		p[3] = board.create('point', [2,1], {size: 4, face: 'o'});

	var c = board.create('spline', p, {strokeWidth:3});		var c = board.create('spline', p, {strokeWidth:3});
Line 44:		Line 43:
	p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));		p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));
	board.update();		board.update();
	}		}</source>
	</source>


	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Interpolation]]		[[Category:Interpolation]]

A WASSERMANN at 10:26, 25 March 2011

2011-03-25T10:26:19Z

← Older revision		Revision as of 10:26, 25 March 2011
Line 2:		Line 2:
	Points can be added by clicking on "Add point".		Points can be added by clicking on "Add point".
	<html>		<html>
	~~<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />~~
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~
	<form><input type="button" value="Add point" onClick="addPoint()"></form>		<form><input type="button" value="Add point" onClick="addPoint()"></form>
	<~~div id~~="~~box~~" ~~class~~="~~jxgbox~~" ~~style~~="~~width:600px; height:400px;"></div>~~		</html>
	~~<script language="JavaScript~~">		<jsxgraph width="600" height="400" box="box">
	var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25, axis:true});		var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25, axis:true});
	var p = [];		var p = [];
Line 24:		Line 22:
	}		}

	</~~script>~~		</jsxgraph>
	~~</html~~>

	=== References ===		=== References ===

A WASSERMANN at 11:22, 29 July 2010

2010-07-29T11:22:46Z

← Older revision		Revision as of 11:22, 29 July 2010
Line 52:		Line 52:

	[[Category:Examples]]		[[Category:Examples]]
			[[Category:Interpolation]]

A WASSERMANN at 13:18, 1 February 2010

2010-02-01T13:18:37Z

← Older revision		Revision as of 13:18, 1 February 2010
Line 7:		Line 7:
	<div id="box" class="jxgbox" style="width:600px; height:400px;"></div>		<div id="box" class="jxgbox" style="width:600px; height:400px;"></div>
	<script language="JavaScript">		<script language="JavaScript">
	board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25});		var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25, axis:true});
	~~// Axes~~		var p = [];
	~~b1axisx~~ = board.~~createElement~~('~~axis~~', [[0,0], [1,0]], {});		p[0] = board.create('point', [-1,2], {style:6});
	~~b1axisy~~ = board.~~createElement~~('~~axis~~', [[0,0], [0,1]], {});		p[1] = board.create('point', [0,-1], {style:6});
			p[2] = board.create('point', [1,0], {style:6});
			p[3] = board.create('point', [2,1], {style:6});

	var ~~p = [];~~		var c = board.create('spline', p, {strokeWidth:3});
	~~p[0]~~ = board.~~createElement~~('~~point~~', ~~[-1,2], {style:6});~~
	p~~[1] = board.createElement('point', [0,-1]~~, {~~style~~:~~6});~~
	~~p[2] = board.createElement('point', [1,0], {style:6});~~
	p[3~~] = board.createElement('point', [2,1], {style:6~~});

	~~var c = board.createElement('spline', p, {strokeWidth:3});~~		var g = board.create('glider', [1.5,0,c], {name:'',style:8});
			var t = board.create('tangent', [g], {dash:2,strokeColor:'#aa0000'});
	var g = board.~~createElement~~('glider', [1.5,0,c], {name:'',style:8});
	var t = board.~~createElement~~('tangent', [g], {dash:2,strokeColor:'#aa0000'});

	function addPoint() {		function addPoint() {
	p.push(board.~~createElement~~('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));		p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));
	board.update();		board.update();
	}		}

	</script>		</script>
Line 36:		Line 32:
	=== The underlying JavaScript code ===		=== The underlying JavaScript code ===
	<source lang="javascript">		<source lang="javascript">
	board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25});		var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 25, axis:true});
	~~// Axes~~		var p = [];
	~~b1axisx~~ = board.~~createElement~~('~~axis~~', [[0,0], [1,0]], {});		p[0] = board.create('point', [-1,2], {style:6});
	~~b1axisy~~ = board.~~createElement~~('~~axis~~', [[0,0], [0,1]], {});		p[1] = board.create('point', [0,-1], {style:6});
			p[2] = board.create('point', [1,0], {style:6});
			p[3] = board.create('point', [2,1], {style:6});

	~~var p = [];~~		var c = board.create('spline', p, {strokeWidth:3});
	~~p[0] = board.createElement('point', [-1,2], {style:6});~~
	~~p[1] = board.createElement('point', [0,-1], {style:6});~~
	~~p[2] = board.createElement('point', [1,0], {style:6});~~
	~~p[3] = board.createElement('point', [2,1], {style:6});~~

	var c = board.~~createElement~~('spline', p, {strokeWidth:3});

	~~var g = board.createElement('glider', [1.5,0,c], {name:'',style:8});~~
	~~var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#aa0000'});~~

	~~function addPoint() {~~
	~~p.push(board.createElement('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));~~
	~~board.update();~~
	}

			var g = board.create('glider', [1.5,0,c], {name:'',style:8});
			var t = board.create('tangent', [g], {dash:2,strokeColor:'#aa0000'});

			function addPoint() {
			p.push(board.create('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));
			board.update();
			}
	</source>		</source>


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

A WASSERMANN at 15:23, 29 October 2009

2009-10-29T15:23:51Z

← Older revision		Revision as of 15:23, 29 October 2009
Line 3:		Line 3:
	<html>		<html>
	<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />		<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>~~
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<form><input type="button" value="Add point" onClick="addPoint()"></form>		<form><input type="button" value="Add point" onClick="addPoint()"></form>

A WASSERMANN at 11:17, 30 March 2009

2009-03-30T11:17:19Z

← Older revision		Revision as of 11:17, 30 March 2009
Line 24:		Line 24:
	var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#aa0000'});		var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#aa0000'});


	function addPoint() {		function addPoint() {
	p.push(board.createElement('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));		p.push(board.createElement('point',[(Math.random()-0.5)10,(Math.random()-0.5)3],{style:6}));
Line 50:		Line 49:

	var c = board.createElement('spline', p, {strokeWidth:3});		var c = board.createElement('spline', p, {strokeWidth:3});

			var g = board.createElement('glider', [1.5,0,c], {name:'',style:8});
			var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#aa0000'});

	function addPoint() {		function addPoint() {

A WASSERMANN at 11:16, 30 March 2009

2009-03-30T11:16:08Z

← Older revision		Revision as of 11:16, 30 March 2009
Line 22:		Line 22:

	var g = board.createElement('glider', [1.5,0,c], {name:'',style:8});		var g = board.createElement('glider', [1.5,0,c], {name:'',style:8});
			var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#aa0000'});


	function addPoint() {		function addPoint() {

A WASSERMANN at 11:15, 30 March 2009

2009-03-30T11:15:15Z

← Older revision		Revision as of 11:15, 30 March 2009
Line 21:		Line 21:
	var c = board.createElement('spline', p, {strokeWidth:3});		var c = board.createElement('spline', p, {strokeWidth:3});

	var g = board.createElement('glider', [1.5,0,c], {name:'',style:1});		var g = board.createElement('glider', [1.5,0,c], {name:'',style:8});

	function addPoint() {		function addPoint() {

A WASSERMANN at 11:15, 30 March 2009

2009-03-30T11:15:00Z

← Older revision		Revision as of 11:15, 30 March 2009
Line 21:		Line 21:
	var c = board.createElement('spline', p, {strokeWidth:3});		var c = board.createElement('spline', p, {strokeWidth:3});

	var g = board.createElement('glider', [1.5,0,c], {name:''});		var g = board.createElement('glider', [1.5,0,c], {name:'',style:1});

	function addPoint() {		function addPoint() {