Conic sections in polar form - Revision history

A WASSERMANN at 13:05, 3 March 2021

2021-03-03T13:05:37Z

← Older revision		Revision as of 13:05, 3 March 2021
Line 33:		Line 33:
	{curveType:'polar', strokewidth:2, strokeColor:'#CA7291'}		{curveType:'polar', strokewidth:2, strokeColor:'#CA7291'}
	);		);
	var q = brd.~~createElement~~('glider', [f], {style:6,name:'G'});		var q = brd.create('glider', [f], {style:6,name:'G'});
	brd.~~createElement~~('tangent', [q], {dash:3});		brd.create('tangent', [q], {dash:3});
	brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});		brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});
	</source>		</source>
	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

Michael at 12:56, 7 June 2011

2011-06-07T12:56:47Z

← Older revision		Revision as of 12:56, 7 June 2011
Line 8:		Line 8:
	</html>		</html>
	<jsxgraph board="brd" width="600" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,~~originX~~:~~300~~,~~originY:250~~,~~unitX:25~~,~~unitY:25~~});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,boundingbox: [-12, 10, 12, -10]});
	var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);
Line 24:		Line 24:
	===The JavaScript code to produce this picture===		===The JavaScript code to produce this picture===
	<source lang="javascript">		<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,~~originX~~:~~300~~,~~originY:250~~,~~unitX:25~~,~~unitY:25~~});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,boundingbox: [-12, 10, 12, -10]});
	var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);

Michael at 12:56, 7 June 2011

2011-06-07T12:56:10Z

← Older revision		Revision as of 12:56, 7 June 2011
Line 23:		Line 23:

	===The JavaScript code to produce this picture===		===The JavaScript code to produce this picture===
	<source lang="~~xml">~~		<source lang="javascript">
	~~<jsxgraph board="brd" width="600" height="500~~">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
Line 37:		Line 36:
	brd.createElement('tangent', [q], {dash:3});		brd.createElement('tangent', [q], {dash:3});
	brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});		brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});
	~~</jsxgraph>~~
	</source>		</source>
	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 16:27, 16 June 2010

2010-06-16T16:27:38Z

← Older revision		Revision as of 16:27, 16 June 2010
Line 7:		Line 7:
	</p>		</p>
	</html>		</html>
	<jsxgraph width="600" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
Line 24:		Line 24:
	===The JavaScript code to produce this picture===		===The JavaScript code to produce this picture===
	<source lang="xml">		<source lang="xml">
	<jsxgraph width="600" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);

A WASSERMANN at 16:04, 16 June 2010

2010-06-16T16:04:56Z

← Older revision		Revision as of 16:04, 16 June 2010
Line 26:		Line 26:
	<jsxgraph width="600" height="500">		<jsxgraph width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.create'slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);
	var len = brd.create('slider',[[2,6],[6,6],[0,3,6]]); brd.createElement('text',[1,6,'len:']);		var len = brd.create('slider',[[2,6],[6,6],[0,3,6]]); brd.createElement('text',[1,6,'len:']);

A WASSERMANN at 16:02, 16 June 2010

2010-06-16T16:02:31Z

← Older revision		Revision as of 16:02, 16 June 2010
Line 7:		Line 7:
	</p>		</p>
	</html>		</html>
	<jsxgraph ~~board="brd"~~ width="600" height="500">		<jsxgraph width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
Line 24:		Line 24:
	===The JavaScript code to produce this picture===		===The JavaScript code to produce this picture===
	<source lang="xml">		<source lang="xml">
	<jsxgraph ~~board="brd"~~ width="600" height="500">		<jsxgraph width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.create'slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create'slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);

A WASSERMANN at 16:00, 16 June 2010

2010-06-16T16:00:39Z

A WASSERMANN at 15:22, 29 October 2009

2009-10-29T15:22:53Z

← Older revision		Revision as of 15:22, 29 October 2009
Line 19:		Line 19:
	var q = brd.createElement('glider', [f], {style:6,name:'G'});		var q = brd.createElement('glider', [f], {style:6,name:'G'});
	brd.createElement('tangent', [q], {dash:3});		brd.createElement('tangent', [q], {dash:3});
	brd.addHook(function(){$('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});		brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});
	</jsxgraph>		</jsxgraph>

Line 36:		Line 36:
	var q = brd.createElement('glider', [f], {style:6,name:'G'});		var q = brd.createElement('glider', [f], {style:6,name:'G'});
	brd.createElement('tangent', [q], {dash:3});		brd.createElement('tangent', [q], {dash:3});
	brd.addHook(function(){$('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});		brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});
	</jsxgraph>		</jsxgraph>
	</source>		</source>
	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 07:51, 11 March 2009

2009-03-11T07:51:42Z

← Older revision		Revision as of 07:51, 11 March 2009
Line 10:		Line 10:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.createElement('slider',[[2,7],[6,7],[0,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.createElement('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);
	var len = brd.createElement('slider',[[2,6],[6,6],[0,2,6]]); brd.createElement('text',[1,6,'len:']);		var len = brd.createElement('slider',[[2,6],[6,6],[0,2,6]]); brd.createElement('text',[1,6,'len:']);
	var rho = brd.createElement('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);		var rho = brd.createElement('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);
Line 27:		Line 27:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.createElement('slider',[[2,7],[6,7],[0,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.createElement('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);
	var len = brd.createElement('slider',[[2,6],[6,6],[0,3,6]]); brd.createElement('text',[1,6,'len:']);		var len = brd.createElement('slider',[[2,6],[6,6],[0,3,6]]); brd.createElement('text',[1,6,'len:']);
	var rho = brd.createElement('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);		var rho = brd.createElement('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);

A WASSERMANN at 17:34, 10 March 2009

2009-03-10T17:34:56Z

← Older revision		Revision as of 17:34, 10 March 2009
Line 11:		Line 11:
	var p = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.createElement('slider',[[2,7],[6,7],[0,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.createElement('slider',[[2,7],[6,7],[0,0.5,6]]); brd.createElement('text',[1,7,'ε:']);
	var len = brd.createElement('slider',[[2,6],[6,6],[0,3,6]]); brd.createElement('text',[1,6,'len:']);		var len = brd.createElement('slider',[[2,6],[6,6],[0,2,6]]); brd.createElement('text',[1,6,'len:']);
	var rho = brd.createElement('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);		var rho = brd.createElement('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);
	var f = brd.createElement('curve',		var f = brd.createElement('curve',

← Older revision		Revision as of 16:00, 16 June 2010
Line 9:		Line 9:
	<jsxgraph board="brd" width="600" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.~~createElement~~('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.~~createElement~~('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);
	var len = brd.~~createElement~~('slider',[[2,6],[6,6],[0,2,6]]); brd.createElement('text',[1,6,'len:']);		var len = brd.create('slider',[[2,6],[6,6],[0,2,6]]); brd.createElement('text',[1,6,'len:']);
	var rho = brd.~~createElement~~('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);		var rho = brd.create('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);
	var f = brd.~~createElement~~('curve',		var f = brd.create('curve',
	[function(phi) { return p.Value()/(1-eps.Value()Math.cos(phi+rho.Value())); }, [1,0], 0,function(){return len.Value()Math.PI}],		[function(phi) { return p.Value()/(1-eps.Value()Math.cos(phi+rho.Value())); }, [1,0], 0,function(){return len.Value()Math.PI}],
	{curveType:'polar', strokewidth:2, strokeColor:'#CA7291'}		{curveType:'polar', strokewidth:2, strokeColor:'#CA7291'}
	);		);
	var q = brd.~~createElement~~('glider', [f], {style:6,name:'G'});		var q = brd.create('glider', [f], {style:6,name:'G'});
	brd.~~createElement~~('tangent', [q], {dash:3});		brd.create('tangent', [q], {dash:3});
	brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});		brd.addHook(function(){document.getElementById('ausgabe').innerHTML = (p.Value()).toFixed(1) + "/(1 - (" + (eps.Value()).toFixed(1) + ")*cos(φ+"+(rho.Value()).toFixed(1) +"))";});
	</jsxgraph>		</jsxgraph>
Line 26:		Line 26:
	<jsxgraph board="brd" width="600" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var p = brd.~~createElement(~~'slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);		var p = brd.create'slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'p:']);
	var eps = brd.~~createElement~~('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);		var eps = brd.create('slider',[[2,7],[6,7],[-6,0.5,6]]); brd.createElement('text',[1,7,'ε:']);
	var len = brd.~~createElement~~('slider',[[2,6],[6,6],[0,3,6]]); brd.createElement('text',[1,6,'len:']);		var len = brd.create('slider',[[2,6],[6,6],[0,3,6]]); brd.createElement('text',[1,6,'len:']);
	var rho = brd.~~createElement~~('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);		var rho = brd.create('slider', [[2,5],[6,5],[0,0,2*Math.PI]]); brd.createElement('text',[1,5,'ρ:']);
	var f = brd.~~createElement~~('curve',		var f = brd.create('curve',
	[function(phi) { return p.Value()/(1-eps.Value()Math.cos(phi+rho.Value())); }, [1,0], 0,function(){return len.Value()Math.PI}],		[function(phi) { return p.Value()/(1-eps.Value()Math.cos(phi+rho.Value())); }, [1,0], 0,function(){return len.Value()Math.PI}],
	{curveType:'polar', strokewidth:2, strokeColor:'#CA7291'}		{curveType:'polar', strokewidth:2, strokeColor:'#CA7291'}