Three touching circles - Revision history

A WASSERMANN at 12:14, 20 September 2012

2012-09-20T12:14:22Z

← Older revision		Revision as of 12:14, 20 September 2012
Line 5:		Line 5:
	C = brd.create('point', [1,2]),		C = brd.create('point', [1,2]),

	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position:'top'} }),		a1 = brd.create('segment', [A,B], {name:'a_1', withLabel:true, label:{position:'top'} }),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true, label:{position:'top'} }),		a2 = brd.create('segment', [B,C], {name:'a_2', withLabel:true, label:{position:'top'} }),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true, label:{position:'top'} }),		a3 = brd.create('segment', [C,A], {name:'a_3', withLabel:true, label:{position:'top'} }),
	c1 = brd.create('circle',		c1 = brd.create('circle',
	[A,		[A,
Line 31:		Line 31:
	C = brd.create('point', [1,2]),		C = brd.create('point', [1,2]),

	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position:'top'} }),		a1 = brd.create('segment', [A,B], {name:'a_1', withLabel:true, label:{position:'top'} }),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true, label:{position:'top'} }),		a2 = brd.create('segment', [B,C], {name:'a_2', withLabel:true, label:{position:'top'} }),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true, label:{position:'top'} }),		a3 = brd.create('segment', [C,A], {name:'a_3', withLabel:true, label:{position:'top'} }),
	c1 = brd.create('circle',		c1 = brd.create('circle',
	[A,		[A,

A WASSERMANN at 11:39, 20 September 2012

2012-09-20T11:39:05Z

← Older revision		Revision as of 11:39, 20 September 2012
Line 6:		Line 6:

	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position:'top'} }),		a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position:'top'} }),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),		a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true, label:{position:'top'} }),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true, label:{position:'top'} }),
	c1 = brd.create('circle',		c1 = brd.create('circle',
	[A,		[A,
Line 31:		Line 31:
	C = brd.create('point', [1,2]),		C = brd.create('point', [1,2]),

	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),		a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position:'top'} }),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),		a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true, label:{position:'top'} }),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true, label:{position:'top'} }),
	c1 = brd.create('circle',		c1 = brd.create('circle',
	[A,		[A,

A WASSERMANN at 11:38, 20 September 2012

2012-09-20T11:38:30Z

← Older revision		Revision as of 11:38, 20 September 2012
Line 5:		Line 5:
	C = brd.create('point', [1,2]),		C = brd.create('point', [1,2]),

	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position'top'} }),		a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position:'top'} }),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),		a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),

A WASSERMANN at 11:38, 20 September 2012

2012-09-20T11:38:05Z

← Older revision		Revision as of 11:38, 20 September 2012
Line 5:		Line 5:
	C = brd.create('point', [1,2]),		C = brd.create('point', [1,2]),

	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),		a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true, label:{position'top'} }),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),		a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),

A WASSERMANN at 10:45, 8 November 2011

2011-11-08T10:45:00Z

← Older revision		Revision as of 10:45, 8 November 2011
Line 4:		Line 4:
	B = brd.create('point', [2,0]),		B = brd.create('point', [2,0]),
	C = brd.create('point', [1,2]),		C = brd.create('point', [1,2]),

	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),		a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),		a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),
	c1 = brd.create('circle', [A,		c1 = brd.create('circle',
	function(){ var r1 = (C.Dist(A)-B.Dist(C)+A.Dist(B))/2.0;		[A,
			function(){ var r1 = (C.Dist(A)-B.Dist(C)+A.Dist(B))/2.0;
	return r1; }		return r1; }
	]);		]);
	c2 = brd.create('circle', [B,		c2 = brd.create('circle',
	function(){ return A.Dist(B)-c1.Radius(); }		[B,
			function(){ return A.Dist(B)-c1.Radius(); }
	]);		]);
	c3 = brd.create('circle', [C,		c3 = brd.create('circle',
	function(){ return B.Dist(C)-c2.Radius(); }		[C,
			function(){ return B.Dist(C)-c2.Radius(); }
	]);		]);
			</jsxgraph>

			=== The underlying JavaScript code ===

			<source lang="javascript">
			var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,5,5,-2]});
			var A = brd.create('point', [0,0]),
			B = brd.create('point', [2,0]),
			C = brd.create('point', [1,2]),

			a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),
			a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),
			a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),
			c1 = brd.create('circle',
			[A,
			function(){ var r1 = (C.Dist(A)-B.Dist(C)+A.Dist(B))/2.0;
			return r1; }
			]);
			c2 = brd.create('circle',
			[B,
			function(){ return A.Dist(B)-c1.Radius(); }
			]);
			c3 = brd.create('circle',
			[C,
			function(){ return B.Dist(C)-c2.Radius(); }
			]);
			</source>

	~~</jsxgraph>~~		[[Category:Examples]]
			[[Category:Geometry]]

A WASSERMANN at 10:42, 8 November 2011

2011-11-08T10:42:38Z

← Older revision		Revision as of 10:42, 8 November 2011
Line 10:		Line 10:
	function(){ var r1 = (C.Dist(A)-B.Dist(C)+A.Dist(B))/2.0;		function(){ var r1 = (C.Dist(A)-B.Dist(C)+A.Dist(B))/2.0;
	return r1; }		return r1; }
			]);
			c2 = brd.create('circle', [B,
			function(){ return A.Dist(B)-c1.Radius(); }
			]);
			c3 = brd.create('circle', [C,
			function(){ return B.Dist(C)-c2.Radius(); }
	]);		]);

A WASSERMANN at 10:41, 8 November 2011

2011-11-08T10:41:09Z

← Older revision		Revision as of 10:41, 8 November 2011
Line 8:		Line 8:
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),
	c1 = brd.create('circle', [A,		c1 = brd.create('circle', [A,
	function(){ ~~return~~ A.Dist(B); }]);		function(){ var r1 = (C.Dist(A)-B.Dist(C)+A.Dist(B))/2.0;
			return r1; }
			]);



	</jsxgraph>		</jsxgraph>

A WASSERMANN at 10:39, 8 November 2011

2011-11-08T10:39:33Z

← Older revision		Revision as of 10:39, 8 November 2011
Line 1:		Line 1:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5]});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,5,5,-2]});
	var A = brd.create('point', [0,0]),		var A = brd.create('point', [0,0]),
	B = brd.create('point', [2,0]),		B = brd.create('point', [2,0]),
Line 6:		Line 6:
	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),		a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),		a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true});		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),
			c1 = brd.create('circle', [A,
			function(){ return A.Dist(B); }]);



	</jsxgraph>		</jsxgraph>

A WASSERMANN at 10:37, 8 November 2011

2011-11-08T10:37:59Z

← Older revision		Revision as of 10:37, 8 November 2011
Line 6:		Line 6:
	a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),		a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),
	a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),		a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),
	a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),		a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 10:37, 8 November 2011

2011-11-08T10:37:51Z

← Older revision		Revision as of 10:37, 8 November 2011
Line 1:		Line 1:
	<jsxgraph width="500" height="~~600~~">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5]});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5]});
			var A = brd.create('point', [0,0]),
			B = brd.create('point', [2,0]),
			C = brd.create('point', [1,2]),
			a1 = brd.create('segment', [A,B], {name:'a1', withLabel:true}),
			a2 = brd.create('segment', [B,C], {name:'a2', withLabel:true}),
			a3 = brd.create('segment', [C,A], {name:'a3', withLabel:true}),

	</jsxgraph>		</jsxgraph>