Fermat's spiral - Revision history

Michael at 14:11, 7 June 2011

2011-06-07T14:11:22Z

← Older revision		Revision as of 14:11, 7 June 2011
Line 5:		Line 5:
	with a real number <math>a</math>.		with a real number <math>a</math>.
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var board = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 25~~, ~~unitY: 25~~});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-10, 10, 10, -10]});
	var a = board.create('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});		var a = board.create('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
	var c1 = board.create('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c1 = board.create('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
Line 14:		Line 14:
	===The JavaScript code to produce this picture===		===The JavaScript code to produce this picture===
	<source lang="javascript">		<source lang="javascript">
	var board = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 25~~, ~~unitY: 25~~});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-10, 10, 10, -10]});
	var a = board.create('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});		var a = board.create('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
	var c1 = board.create('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c1 = board.create('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],

A WASSERMANN at 20:57, 29 September 2010

2010-09-29T20:57:27Z

← Older revision		Revision as of 20:57, 29 September 2010
Line 4:		Line 4:

	with a real number <math>a</math>.		with a real number <math>a</math>.
	<~~html>~~		<jsxgraph width="500" height="500">
	~~<link rel="stylesheet" type="text/css" href="http://~~jsxgraph~~.uni-bayreuth.de/distrib/jsxgraph.css" />~~		var board = JXG.JSXGraph.initBoard('jxgbox', {originX: 250, originY: 250, unitX: 25, unitY: 25});
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~		var a = board.create('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
	~~<div id="jsxgbox" class~~="~~jxgbox~~" ~~style="width:500px;~~ height~~:500px;"></div>~~		var c1 = board.create('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	~~<script language~~="~~JavaScript~~">
	board = JXG.JSXGraph.initBoard('~~jsxgbox~~', {originX: 250, originY: 250, unitX: 25, unitY: 25});
	var a = board.~~createElement~~('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
	var c1 = board.~~createElement~~('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	var c2 = board.~~createElement~~('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c2 = board.create('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	</~~script>~~		</jsxgraph>
	~~</html~~>
	===The JavaScript code to produce this picture===		===The JavaScript code to produce this picture===
	~~<source lang="html4strict">~~
	~~<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>~~
	~~<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div>~~
	~~</source>~~
	<source lang="javascript">		<source lang="javascript">
	board = JXG.JSXGraph.initBoard('~~jsxgbox~~', {originX: 250, originY: 250, unitX: 50, unitY: 50});		var board = JXG.JSXGraph.initBoard('jxgbox', {originX: 250, originY: 250, unitX: 25, unitY: 25});
	var a = board.~~createElement~~('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});		var a = board.create('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
	var c1 = board.~~createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],~~		var c1 = board.create('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	~~{curveType:'polar', strokewidth:4});~~
	~~var c2 = board.createElement~~('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
			var c2 = board.create('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
			{curveType:'polar', strokewidth:4});
	</source>		</source>

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

A WASSERMANN at 16:36, 29 October 2009

2009-10-29T16:36:42Z

← Older revision		Revision as of 16:36, 29 October 2009
Line 6:		Line 6:
	<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>
	<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div>		<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div>
Line 21:		Line 20:
	<source lang="html4strict">		<source lang="html4strict">
	<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>
	<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div>		<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div>

A WASSERMANN at 09:58, 2 July 2009

2009-07-02T09:58:08Z

← Older revision		Revision as of 09:58, 2 July 2009
Line 11:		Line 11:
	<script language="JavaScript">		<script language="JavaScript">
	board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 25, unitY: 25});		board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 25, unitY: 25});
	var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]]);		var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
	var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
Line 27:		Line 27:
	<source lang="javascript">		<source lang="javascript">
	board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 50, unitY: 50});		board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 50, unitY: 50});
	var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]]);		var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]],{name:'a'});
	var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});

A WASSERMANN at 15:29, 10 March 2009

2009-03-10T15:29:27Z

← Older revision		Revision as of 15:29, 10 March 2009
Line 32:		Line 32:
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	~~var g = board.createElement('glider', [c1]);~~
	~~var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});~~
	</source>		</source>

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

A WASSERMANN at 15:29, 10 March 2009

2009-03-10T15:29:15Z

← Older revision		Revision as of 15:29, 10 March 2009
Line 16:		Line 16:
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	~~var g = board.createElement('glider', [1,1,c2]);~~
	~~var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});~~

	</script>		</script>
	</html>		</html>

A WASSERMANN at 15:29, 10 March 2009

2009-03-10T15:29:00Z

← Older revision		Revision as of 15:29, 10 March 2009
Line 16:		Line 16:
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	var g = board.createElement('glider', [1,1,c1]);		var g = board.createElement('glider', [1,1,c2]);
	var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});		var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});

A WASSERMANN at 15:28, 10 March 2009

2009-03-10T15:28:37Z

← Older revision		Revision as of 15:28, 10 March 2009
Line 16:		Line 16:
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	var g = board.createElement('glider', [c1]);		var g = board.createElement('glider', [1,1,c1]);
	var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});		var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});

A WASSERMANN at 15:28, 10 March 2009

2009-03-10T15:28:00Z

← Older revision		Revision as of 15:28, 10 March 2009
Line 15:		Line 15:
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
			var g = board.createElement('glider', [c1]);
			var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});

	</script>		</script>
	</html>		</html>
Line 32:		Line 35:
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
			var g = board.createElement('glider', [c1]);
			var t = board.createElement('tangent', [g], {dash:2,strokeColor:'#a612a9'});
	</source>		</source>

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

A WASSERMANN at 11:44, 10 March 2009

2009-03-10T11:44:18Z

← Older revision		Revision as of 11:44, 10 March 2009
Line 12:		Line 12:
	board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 25, unitY: 25});		board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 25, unitY: 25});
	var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]]);		var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]]);
	var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0]~~,'phi'~~,0, 8Math.PI],		var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0]~~,'phi'~~,0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	</script>		</script>
Line 28:		Line 28:
	board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 50, unitY: 50});		board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 50, unitY: 50});
	var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]]);		var a = board.createElement('slider', [[1,9],[5,9],[0,1,4]]);
	var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0]~~,'phi'~~,0, 8Math.PI],		var c1 = board.createElement('curve', [function(phi){return a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0]~~,'phi'~~,0, 8Math.PI],		var c2 = board.createElement('curve', [function(phi){return -a.Value()Math.sqrt(phi); }, [0, 0],0, 8Math.PI],
	{curveType:'polar', strokewidth:4});		{curveType:'polar', strokewidth:4});
	</source>		</source>