Hypotrochoid - Revision history

Michael at 14:42, 21 February 2013

2013-02-21T14:42:13Z

← Older revision		Revision as of 14:42, 21 February 2013
Line 15:		Line 15:
	});		});

	var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; }, ~~function () { return~~ 'X(B) = ~~' + g2.~~X()~~; }~~],		var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; }, 'X(B)=<value>X(B)</value>'],
	{		{
	digits:3,		digits:3,

Michael at 13:44, 21 February 2013

2013-02-21T13:44:28Z

← Older revision		Revision as of 13:44, 21 February 2013
Line 15:		Line 15:
	});		});

	var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'\'X(B) = \' + X(B)'],		var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; }, function () { return 'X(B) = ' + g2.X(); }],
	{		{
	digits:3,		digits:3,

Michael at 13:43, 21 February 2013

2013-02-21T13:43:42Z

← Older revision		Revision as of 13:43, 21 February 2013
Line 15:		Line 15:
	});		});

	var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=~~<value>~~X(B)~~</value>~~'],		var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'\'X(B) = \' + X(B)'],
	{		{
	digits:3,		digits:3,

A WASSERMANN at 17:51, 14 January 2012

2012-01-14T17:51:15Z

← Older revision		Revision as of 17:51, 14 January 2012
Line 16:		Line 16:

	var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],		var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],
	{ /*		{
	digits:3,		digits:3,
	fontSize:function(){return Math.abs(g5.Y())10+1;} /		fontSize:function(){return Math.abs(g5.Y())*10+1;}
	});		});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 17:49, 14 January 2012

2012-01-14T17:49:57Z

← Older revision		Revision as of 17:49, 14 January 2012
Line 16:		Line 16:

	var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],		var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],
	{		{ /*
	digits:3,		digits:3,
	fontSize:function(){return Math.abs(g5.Y())*10+1;}		fontSize:function(){return Math.abs(g5.Y())10+1;} /
	});		});
	</jsxgraph>		</jsxgraph>

Michael at 07:31, 8 June 2011

2011-06-08T07:31:06Z

← Older revision		Revision as of 07:31, 8 June 2011
Line 1:		Line 1:
	<~~html>~~		<jsxgraph box="jxgbox" 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', {boundingbox: [-5, 5, 5, -5]});
	~~<script type~~="~~text/javascript~~" ~~src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~		var g1 = board.create('point', [1, -1], {size:4});
	~~<div id="jsxgbox" class~~="~~jxgbox~~" ~~style="width:500px;~~ height~~:500px;"></div>~~		var g2 = board.create('point', [2.5, -2], {size:4});
	~~<script language~~="~~JavaScript~~">		var g3 = board.create('point', [1, -3], {size:3});
	var board = JXG.JSXGraph.initBoard('~~jsxgbox~~', {~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 50~~, ~~unitY: 50~~});		var g4 = board.create('point', [2.5, -4], {size:3});
	var g1 = board.create('point', [1, -1], {~~style~~:6});		var g5 = board.create('point', [-4, 1], {size:3,name:''});
	var g2 = board.create('point', [2.5, -2], {~~style~~:6});
	var g3 = board.create('point', [1, -3], {~~style~~:5});
	var g4 = board.create('point', [2.5, -4], {~~style~~:5});
	var g5 = board.create('point', [-4, 1], {~~style~~:5,name:''});

	var c1 = board.create('curve', [		var c1 = board.create('curve', [
Line 24:		Line 20:
	fontSize:function(){return Math.abs(g5.Y())*10+1;}		fontSize:function(){return Math.abs(g5.Y())*10+1;}
	});		});
	</~~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">
	var board = JXG.JSXGraph.initBoard('~~jsxgbox~~', {~~originX~~: ~~250~~, ~~originY: 250~~, ~~unitX: 50~~, ~~unitY: 50~~});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 5, 5, -5]});
	var g1 = board.create('point', [1, -1], {~~style~~:6});		var g1 = board.create('point', [1, -1], {size:4});
	var g2 = board.create('point', [2.5, -2], {~~style~~:6});		var g2 = board.create('point', [2.5, -2], {size:4});
	var g3 = board.create('point', [1, -3], {~~style~~:5});		var g3 = board.create('point', [1, -3], {size:3});
	var g4 = board.create('point', [2.5, -4], {~~style~~:5});		var g4 = board.create('point', [2.5, -4], {size:3});
	var g5 = board.create('point', [-4, 1], {~~style~~:5,name:''});		var g5 = board.create('point', [-4, 1], {size:3,name:''});

	var c1 = board.create('curve', [		var c1 = board.create('curve', [

A WASSERMANN at 07:46, 22 July 2010

2010-07-22T07:46:14Z

← Older revision		Revision as of 07:46, 22 July 2010
Line 4:		Line 4:
	<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div>		<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div>
	<script language="JavaScript">		<script language="JavaScript">
	board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 50, unitY: 50});		var board = JXG.JSXGraph.initBoard('jsxgbox', {originX: 250, originY: 250, unitX: 50, unitY: 50});
	g1 = board.~~createElement~~('point', [1, -1], {style:6});		var g1 = board.create('point', [1, -1], {style:6});
	g2 = board.~~createElement~~('point', [2.5, -2], {style:6});		var g2 = board.create('point', [2.5, -2], {style:6});
	g3 = board.~~createElement~~('point', [1, -3], {style:5});		var g3 = board.create('point', [1, -3], {style:5});
	g4 = board.~~createElement~~('point', [2.5, -4], {style:5});		var g4 = board.create('point', [2.5, -4], {style:5});
	g5 = board.~~createElement~~('point', [-4, 1], {style:5,name:''});		var g5 = board.create('point', [-4, 1], {style:5,name:''});

	c1 = board.~~createElement~~('curve', [		var c1 = board.create('curve', [
	function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },
	function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },
Line 19:		Line 19:
	});		});

	t = board.~~createElement~~('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],		var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],
	{		{
	digits:3,		digits:3,
Line 33:		Line 33:
	</source>		</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('jsxgbox', {originX: 250, originY: 250, unitX: 50, unitY: 50});
	g1 = board.~~createElement~~('point', [1, -1], {style:6});		var g1 = board.create('point', [1, -1], {style:6});
	g2 = board.~~createElement~~('point', [2.5, -2], {style:6});		var g2 = board.create('point', [2.5, -2], {style:6});
	g3 = board.~~createElement~~('point', [1, -3], {style:5});		var g3 = board.create('point', [1, -3], {style:5});
	g4 = board.~~createElement~~('point', [2.5, -4], {style:5});		var g4 = board.create('point', [2.5, -4], {style:5});
	g5 = board.~~createElement~~('point', [-4, 1], {style:5,name:''});		var g5 = board.create('point', [-4, 1], {style:5,name:''});

	c1 = board.~~createElement~~('curve', [		var c1 = board.create('curve', [
	function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },
	function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },
Line 48:		Line 48:
	});		});

	t = board.~~createElement~~('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],		var t = board.create('text', [function() { return g5.X()+0.2; },function() { return g5.Y()+0.25; },'X(B)=<value>X(B)</value>'],
	{		{
	digits:3,		digits:3,

A WASSERMANN at 17:08, 29 October 2009

2009-10-29T17:08:47Z

← Older revision		Revision as of 17:08, 29 October 2009
Line 1:		Line 1:
	<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 30:		Line 29:
	<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 11:47, 10 March 2009

2009-03-10T11:47:55Z

← Older revision		Revision as of 11:47, 10 March 2009
Line 15:		Line 15:
	function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },
	function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },
	~~"t",~~0,function(){ return Math.PI7Math.abs(g4.X());}],{		0,function(){ return Math.PI7Math.abs(g4.X());}],{
	strokeWidth:function(){return g5.Y()*3;},		strokeWidth:function(){return g5.Y()*3;},
	strokeOpacity:function(){return g5.Y()*0.6;}		strokeOpacity:function(){return g5.Y()*0.6;}
Line 45:		Line 45:
	function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.cos(t)+g3.X()Math.cos(t*(g1.X()-g2.X())/g2.X()); },
	function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },		function(t){ return (g1.X()-g2.X())Math.sin(t)+g3.X()Math.sin(t*(g1.X()-g2.X())/g2.X()); },
	~~"t",~~0,function(){ return Math.PI7Math.abs(g4.X());}],{		0,function(){ return Math.PI7Math.abs(g4.X());}],{
	strokeWidth:function(){return g5.Y()*3;},		strokeWidth:function(){return g5.Y()*3;},
	strokeOpacity:function(){return g5.Y()*0.6;}		strokeOpacity:function(){return g5.Y()*0.6;}

A WASSERMANN at 12:03, 10 February 2009

2009-02-10T12:03:32Z

← Older revision		Revision as of 12:03, 10 February 2009
Line 58:		Line 58:

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