Difference between revisions of "Random points"

From JSXGraph Wiki
Jump to: navigation, search
 
(One intermediate revision by the same user not shown)
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();
 +
JXG.addEvent(document.getElementById('box2'), 'mousemove', function () { this.update(); }, board2);
 
</jsxgraph>
 
</jsxgraph>
  
Line 58: Line 59:
 
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();
 +
JXG.addEvent(document.getElementById('box2'), 'mousemove', function () { this.update(); }, board2);
 
</source>
 
</source>
  
 
[[Category:Examples]]
 
[[Category:Examples]]
 
[[Category:Statistics]]
 
[[Category:Statistics]]

Latest revision as of 14:17, 8 June 2011

Draw 50 random points - version 1

In the first version each point receives random coordinates once at construction time.

board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});
                
function reload() {
    JXG.JSXGraph.freeBoard(board);        
    board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});

    board.suspendUpdate();
    for (var i=0;i<50;i++) {
        var p = board.createElement('point',
            [Math.random(),Math.random()],{size:3,withLabel:false});
    }
    board.unsuspendUpdate();
}
reload();

Draw 50 random points - version 2

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.

Please, move the mouse pointer over this area:

board2 = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02, 1.02, 1.02, -0.02]});
board2.suspendUpdate();
for (var i=0;i<50;i++) {
    var p2 = board2.createElement('point', [function(){return Math.random();},function(){ return Math.random()}], {size:3, withLabel: false});
}
board2.unsuspendUpdate();
JXG.addEvent(document.getElementById('box2'), 'mousemove', function () { this.update(); }, board2);