Parametric curve plotter - Revision history

A WASSERMANN at 13:06, 3 March 2021

2021-03-03T13:06:43Z

Michael at 11:23, 31 January 2013

2013-01-31T11:23:13Z

← Older revision		Revision as of 11:23, 31 January 2013
Line 25:		Line 25:
	function clearAll() {		function clearAll() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, ~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 50~~, ~~unitY: 50~~});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 5, -5]});
	a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
Line 52:		Line 52:
	function clearAll() {		function clearAll() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, ~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 50~~, ~~unitY: 50~~});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 5, -5]});
	a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});

A WASSERMANN at 09:54, 2 July 2009

2009-07-02T09:54:57Z

← Older revision		Revision as of 09:54, 2 July 2009
Line 58:		Line 58:

	plot();		plot();
	<source>		</source>

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

A WASSERMANN at 19:45, 1 July 2009

2009-07-01T19:45:11Z

← Older revision		Revision as of 19:45, 1 July 2009
Line 26:		Line 26:
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50});
	a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	}		}

Line 53:		Line 53:
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50});
	a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	}		}

A WASSERMANN at 19:44, 1 July 2009

2009-07-01T19:44:08Z

← Older revision		Revision as of 19:44, 1 July 2009
Line 3:		Line 3:
	<textarea cols=60 rows=4 id="eingabe">function x(t) {return Math.cos(t); };		<textarea cols=60 rows=4 id="eingabe">function x(t) {return Math.cos(t); };
	function y(t) {return Math.sin(t); };</textarea><br />		function y(t) {return Math.sin(t); };</textarea><br />
	<input type="button" value="plot" onClick="~~doIt~~()">		<input type="button" value="plot" onClick="plot()">
	<input type="button" value="clear all" onClick="clearAll()">		<input type="button" value="clear all" onClick="clearAll()">
	</p>		</p>
Line 11:		Line 11:
	a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	function ~~doIt~~(){		function plot(){
	eval(document.getElementById("eingabe").value);		eval(document.getElementById("eingabe").value);
	graph = board.createElement('curve', [		graph = board.createElement('curve', [
Line 22:		Line 22:
	board.update();		board.update();
	}		}
	~~doIt();~~
	function clearAll() {		function clearAll() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
Line 29:		Line 29:
	b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	}		}

			plot();
	</jsxgraph>		</jsxgraph>

	===The JavaScript code===		===The JavaScript code===
	<source lang="~~xml~~">		<source lang="javascript">
			board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
			a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
			b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
			function plot(){
			eval(document.getElementById("eingabe").value);
			graph = board.createElement('curve', [
			x,y,
			function(){return a.Value();},
			function(){return b.Value();}
			],
			{strokeColor:'red', strokeWidth:2}
			);
			board.update();
			}

			function clearAll() {
			JXG.JSXGraph.freeBoard(board);
			board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50});
			a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
			b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
			}

			plot();
	<source>		<source>

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

A WASSERMANN at 19:42, 1 July 2009

2009-07-01T19:42:55Z

← Older revision		Revision as of 19:42, 1 July 2009
Line 9:		Line 9:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
	a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	function doIt(){		function doIt(){
	eval(document.getElementById("eingabe").value);		eval(document.getElementById("eingabe").value);

A WASSERMANN at 19:42, 1 July 2009

2009-07-01T19:42:20Z

← Older revision		Revision as of 19:42, 1 July 2009
Line 7:		Line 7:
	</p>		</p>
	</html>		</html>
	<jsxgraph width="~~600~~" height="~~400~~">		<jsxgraph width="500" height="500">
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, ~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 50~~, ~~unitY: 50~~});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
	a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});

A WASSERMANN at 19:41, 1 July 2009

2009-07-01T19:41:22Z

← Older revision		Revision as of 19:41, 1 July 2009
Line 5:		Line 5:
	<input type="button" value="plot" onClick="doIt()">		<input type="button" value="plot" onClick="doIt()">
	<input type="button" value="clear all" onClick="clearAll()">		<input type="button" value="clear all" onClick="clearAll()">
	~~<input type='button' value='Zoom In' onclick='board.zoomIn()' >~~
	~~<input type='button' value='Zoom Out' onclick='board.zoomOut()' >~~
	~~<input type='button' value='Zoom 100%' onclick='board.zoom100()'>~~
	</p>		</p>
	</html>		</html>

A WASSERMANN at 19:40, 1 July 2009

2009-07-01T19:40:17Z

← Older revision		Revision as of 19:40, 1 July 2009
Line 31:		Line 31:
	a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.createElement('slider', [[0,-1],[5,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.createElement('slider', [[0,-2],[5,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
			}
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 19:39, 1 July 2009

2009-07-01T19:39:09Z

← Older revision		Revision as of 19:39, 1 July 2009
Line 19:		Line 19:
	x,y,		x,y,
	function(){return a.Value();},		function(){return a.Value();},
	function(){return b.Value();}],		function(){return b.Value();}
	{strokeColor:'red', strokeWidth:2});		],
			{strokeColor:'red', strokeWidth:2}
			);
	board.update();		board.update();
	}		}

← Older revision		Revision as of 13:06, 3 March 2021
Line 9:		Line 9:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
	a = board.~~createElement~~('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.~~createElement~~('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.create('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	function plot(){		function plot(){
	eval(document.getElementById("eingabe").value);		eval(document.getElementById("eingabe").value);
	graph = board.~~createElement~~('curve', [		graph = board.create('curve', [
	x,y,		x,y,
	function(){return a.Value();},		function(){return a.Value();},
Line 26:		Line 26:
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 5, -5]});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 5, -5]});
	a = board.~~createElement~~('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.~~createElement~~('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.create('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	}		}

Line 36:		Line 36:
	<source lang="javascript">		<source lang="javascript">
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
	a = board.~~createElement~~('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.~~createElement~~('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.create('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	function plot(){		function plot(){
	eval(document.getElementById("eingabe").value);		eval(document.getElementById("eingabe").value);
	graph = board.~~createElement~~('curve', [		graph = board.create('curve', [
	x,y,		x,y,
	function(){return a.Value();},		function(){return a.Value();},
Line 53:		Line 53:
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 5, -5]});		board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox: [-5, 5, 5, -5]});
	a = board.~~createElement~~('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});		a = board.create('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
	b = board.~~createElement~~('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});		b = board.create('slider', [[0,-2],[3,-2],[0,1,4*Math.PI]], {style:6, name:'b'});
	}		}