Random points - Revision history

A WASSERMANN at 08:19, 3 March 2021

2021-03-03T08:19:08Z

← Older revision		Revision as of 08:19, 3 March 2021
Line 14:		Line 14:
	board.suspendUpdate();		board.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p = board.~~createElement~~('point',		var p = board.create('point',
	[Math.random(),Math.random()],{size:3,withLabel:false});		[Math.random(),Math.random()],{size:3,withLabel:false});
	}		}
Line 31:		Line 31:
	board.suspendUpdate();		board.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p = board.~~createElement~~('point',		var p = board.create('point',
	[Math.random(),Math.random()],{size:3,withLabel:false});		[Math.random(),Math.random()],{size:3,withLabel:false});
	}		}
Line 49:		Line 49:
	board2.suspendUpdate();		board2.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p2 = board2.~~createElement~~('point', [function(){return Math.random();},function(){ return Math.random()}], {size:3, withLabel: false});		var p2 = board2.create('point', [function(){return Math.random();},function(){ return Math.random()}], {size:3, withLabel: false});
	}		}
	board2.unsuspendUpdate();		board2.unsuspendUpdate();
Line 56:		Line 56:

	<source lang="javascript">		<source lang="javascript">
	board2 = JXG.JSXGraph.initBoard('~~box~~', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});		board2 = JXG.JSXGraph.initBoard('box2', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});
	board2.suspendUpdate();		board2.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p2 = board2.~~createElement~~('point', [function(){return Math.random();},function(){ return Math.random()}], {size:3, withLabel: false});		var p2 = board2.create('point', [function(){return Math.random();},function(){ return Math.random()}], {size:3, withLabel: false});
	}		}
	board2.unsuspendUpdate();		board2.unsuspendUpdate();

Michael at 12:17, 8 June 2011

2011-06-08T12:17:41Z

← Older revision		Revision as of 12:17, 8 June 2011
Line 52:		Line 52:
	}		}
	board2.unsuspendUpdate();		board2.unsuspendUpdate();
			JXG.addEvent(document.getElementById('box2'), 'mousemove', function () { this.update(); }, board2);
	</jsxgraph>		</jsxgraph>

Line 61:		Line 62:
	}		}
	board2.unsuspendUpdate();		board2.unsuspendUpdate();
			JXG.addEvent(document.getElementById('box2'), 'mousemove', function () { this.update(); }, board2);
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Statistics]]		[[Category:Statistics]]

Michael at 12:13, 8 June 2011

2011-06-08T12:13:38Z

← Older revision		Revision as of 12:13, 8 June 2011
Line 15:		Line 15:
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p = board.createElement('point',		var p = board.createElement('point',
	[Math.random(),Math.random()],{~~style~~:5,~~name~~:~~' '~~});		[Math.random(),Math.random()],{size:3,withLabel:false});
	}		}
	board.unsuspendUpdate();		board.unsuspendUpdate();
Line 32:		Line 32:
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p = board.createElement('point',		var p = board.createElement('point',
	[Math.random(),Math.random()],{~~style~~:5,~~name~~:~~' '~~});		[Math.random(),Math.random()],{size:3,withLabel:false});
	}		}
	board.unsuspendUpdate();		board.unsuspendUpdate();
Line 49:		Line 49:
	board2.suspendUpdate();		board2.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p2 = board2.createElement('point', [function(){return Math.random();},function(){ return Math.random()}], {~~style~~:5,~~name~~:~~' '~~});		var p2 = board2.createElement('point', [function(){return Math.random();},function(){ return Math.random()}], {size:3, withLabel: false});
	}		}
	board2.unsuspendUpdate();		board2.unsuspendUpdate();
Line 58:		Line 58:
	board2.suspendUpdate();		board2.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p2 = board2.createElement('point', [function(){return Math.random();},function(){ return Math.random()}], {~~style~~:5,~~name~~:~~' '~~});		var p2 = board2.createElement('point', [function(){return Math.random();},function(){ return Math.random()}], {size:3, withLabel: false});
	}		}
	board2.unsuspendUpdate();		board2.unsuspendUpdate();

Michael at 12:11, 8 June 2011

2011-06-08T12:11:35Z

← Older revision		Revision as of 12:11, 8 June 2011
Line 2:		Line 2:
	In the first version each point receives random coordinates once at construction time.		In the first version each point receives random coordinates once at construction time.
	<html>		<html>
	~~<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>~~
	<form><input type='button' value="Reload" onClick="reload();"></form>		<form><input type='button' value="Reload" onClick="reload();"></form>
	<~~div id~~="box" ~~class~~="~~jxgbox~~" ~~style="width:400px;~~ height~~:400px;"></div>~~		</html>
	~~<script language~~="~~JavaScript~~">
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY:390~~ , ~~unitX:380~~ , ~~unitY: 380~~});		<jsxgraph box="box" width="400" height="400">
			board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});

	function reload() {		function reload() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY: 390~~, ~~unitX: 380~~, ~~unitY: 380~~});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});

	board.suspendUpdate();		board.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p = board.createElement('point',		var p = board.createElement('point',
	[Math.random(),Math.random()],{style:5,name:' '});		[Math.random(),Math.random()],{style:5,name:' '});
	}		}
	board.unsuspendUpdate();		board.unsuspendUpdate();
	}		}
	reload();		reload();
	</~~script>~~		</jsxgraph>
	~~</html~~>

	<source lang="javascript">		<source lang="javascript">
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY:390~~ , ~~unitX:380~~ , ~~unitY: 380~~});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});

	function reload() {		function reload() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY: 390~~, ~~unitX: 380~~, ~~unitY: 380~~});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});

	board.suspendUpdate();		board.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p = board.createElement('point',		var p = board.createElement('point',
	[Math.random(),Math.random()],{style:5,name:' '});		[Math.random(),Math.random()],{style:5,name:' '});
	}		}
	board.unsuspendUpdate();		board.unsuspendUpdate();
	}		}
	reload();		reload();
	</source>		</source>

Line 46:		Line 44:

	Please, move the mouse pointer over this area:		Please, move the mouse pointer over this area:
	~~<html>~~
	~~<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>~~
	~~<script language="JavaScript">~~
	~~board2 = JXG.JSXGraph.initBoard('box2', {originX: 10, originY:390 , unitX:380 , unitY: 380});~~
	~~board2.suspendUpdate();~~
	~~for (var i=0;i<50;i++) {~~
	~~var p2 = board2.createElement('point',~~
	~~[function(){return Math.random();},function(){ return Math.random()}],~~
	~~{style:5,name:' '});~~
	}
	~~board2.unsuspendUpdate();~~
	~~</script>~~
	~~</html>~~

	<~~source lang~~="~~html4strict~~">		<jsxgraph box="box2" width="400" height="400">
	~~<div id~~="~~box2~~" ~~class~~="~~jxgbox~~" ~~style~~=~~"width~~:~~400px~~; ~~height~~:~~400px~~;~~" onmousemove="~~board2.~~update~~()~~"></div>~~		board2 = JXG.JSXGraph.initBoard('box2', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});
	</~~source~~>		board2.suspendUpdate();
			for (var i=0;i<50;i++) {
			var p2 = board2.createElement('point', [function(){return Math.random();},function(){ return Math.random()}], {style:5,name:' '});
			}
			board2.unsuspendUpdate();
			</jsxgraph>

	<source lang="javascript">		<source lang="javascript">
	board2 = JXG.JSXGraph.initBoard('~~box2~~', {~~originX~~: 10, ~~originY:390~~ , ~~unitX:380~~ , ~~unitY: 380~~});		board2 = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});
	board2.suspendUpdate();		board2.suspendUpdate();
	for (var i=0;i<50;i++) {		for (var i=0;i<50;i++) {
	var p2 = board2.createElement('point',		var p2 = board2.createElement('point', [function(){return Math.random();},function(){ return Math.random()}], {style:5,name:' '});
	[function(){return Math.random();},function(){ return Math.random()}],		}
	{style:5,name:' '});		board2.unsuspendUpdate();
	}
	board2.unsuspendUpdate();
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Statistics]]		[[Category:Statistics]]

A WASSERMANN at 17:24, 29 October 2009

2009-10-29T17:24:34Z

← Older revision		Revision as of 17:24, 29 October 2009
Line 3:		Line 3:
	<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>
	<form><input type='button' value="Reload" onClick="reload();"></form>		<form><input type='button' value="Reload" onClick="reload();"></form>

A WASSERMANN at 07:32, 27 May 2009

2009-05-27T07:32:33Z

← Older revision		Revision as of 07:32, 27 May 2009
Line 77:		Line 77:

	[[Category:Examples]]		[[Category:Examples]]
			[[Category:Statistics]]

A WASSERMANN at 12:40, 15 December 2008

2008-12-15T12:40:45Z

← Older revision		Revision as of 12:40, 15 December 2008
Line 1:		Line 1:
	===Draw 50 random points - version 1===		===Draw 50 random points - version 1===
	In the first version ~~at construction time~~ each point receives random coordinates.		In the first version each point receives random coordinates once at construction time.
	<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" />

A WASSERMANN at 08:18, 8 December 2008

2008-12-08T08:18:20Z

← Older revision		Revision as of 08:18, 8 December 2008
Line 43:		Line 43:

	===Draw 50 random points - version 2===		===Draw 50 random points - version 2===
	Here, at construction time ~~ech~~ point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates.		Here, at construction time each point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates.
	The 50 points are updated on the onmousemove event.		The 50 points are updated on the onmousemove event.

	Please, move ~~with~~ the mouse pointer over this area:		Please, move the mouse pointer over this area:
	<html>		<html>
	<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>		<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>

A WASSERMANN at 17:42, 7 December 2008

2008-12-07T17:42:31Z

← Older revision		Revision as of 17:42, 7 December 2008
Line 45:		Line 45:
	Here, at construction time ech point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates.		Here, at construction time ech point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates.
	The 50 points are updated on the onmousemove event.		The 50 points are updated on the onmousemove event.

			Please, move with the mouse pointer over this area:
	<html>		<html>
	<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>		<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>

A WASSERMANN at 17:40, 7 December 2008

2008-12-07T17:40:44Z

← Older revision		Revision as of 17:40, 7 December 2008
Line 1:		Line 1:
	===Draw 50 random points===		===Draw 50 random points - version 1===
			In the first version at construction time each point receives random coordinates.
	<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" />
Line 41:		Line 42:
	</source>		</source>

	===Draw 50 random points===		===Draw 50 random points - version 2===
	~~These~~ 50 points are updated on the ~~onmouseover~~ event ~~and get~~		Here, at construction time ech point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates.
	~~new random coordinates~~.		The 50 points are updated on the onmousemove event.
	<html>		<html>
	<div id="box2" class="jxgbox" style="width:400px; height:400px;" ~~onmouseover~~="board2.update()"></div>		<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>
	<script language="JavaScript">		<script language="JavaScript">
	board2 = JXG.JSXGraph.initBoard('box2', {originX: 10, originY:390 , unitX:380 , unitY: 380});		board2 = JXG.JSXGraph.initBoard('box2', {originX: 10, originY:390 , unitX:380 , unitY: 380});
Line 59:		Line 60:

	<source lang="html4strict">		<source lang="html4strict">
	<div id="box2" class="jxgbox" style="width:400px; height:400px;" ~~onmouseover~~="board2.update()"></div>		<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>
	</source>		</source>