Difference between revisions of "Colorful circles"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
| (28 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<jsxgraph width="600" height="600"> | <jsxgraph width="600" height="600"> | ||
| + | JXG.Options.point.zoom = true; | ||
| + | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1], takeFirst: false}); | ||
| + | var i, h, s, v; | ||
| + | |||
| + | brd.suspendUpdate(); | ||
| + | for (i=0;i<100;i++) { | ||
| + | h = Math.random()*360; | ||
| + | s = Math.random(); | ||
| + | v = 1.0; | ||
| + | brd.create('point',[Math.random(),Math.random()], | ||
| + | { | ||
| + | withLabel:false, | ||
| + | face:'circle', | ||
| + | size:Math.random()*65, | ||
| + | strokeColor:JXG.hsv2rgb(h,s,v), | ||
| + | fillColor:JXG.hsv2rgb((h+180)%360,s,v), | ||
| + | highlightFillColor:JXG.hsv2rgb(h,s,v), | ||
| + | fillOpacity:0.7, | ||
| + | highlightFillOpacity:0.4 | ||
| + | }); | ||
| + | } | ||
| + | brd.unsuspendUpdate(); | ||
| + | </jsxgraph> | ||
| + | |||
| + | ===The underlying JavaScript code=== | ||
| + | <source lang="javascript"> | ||
| + | JXG.Options.point.zoom = true; | ||
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1]}); | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1]}); | ||
| − | var i; | + | var i, h, s, v; |
| + | for (i=0;i<30;i++) { | ||
| + | h = Math.random()*360; | ||
| + | s = Math.random(); | ||
| + | v = 1.0; | ||
| + | brd.create('point',[Math.random(),Math.random()], | ||
| + | { | ||
| + | withLabel:false, | ||
| + | face:'circle', | ||
| + | size:Math.random()*65, | ||
| + | strokeColor:JXG.hsv2rgb(h,s,v), | ||
| + | fillColor:JXG.hsv2rgb((h+180)%360,s,v), | ||
| + | highlightFillColor:JXG.hsv2rgb(h,s,v), | ||
| + | fillOpacity:0.7, | ||
| + | highlightFillOpacity:0.4 | ||
| + | }); | ||
| + | } | ||
| + | </source> | ||
| − | + | [[Category:Examples]] | |
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 22:08, 14 November 2020
The underlying JavaScript code
JXG.Options.point.zoom = true;
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.1,1.1,1.1,-0.1]});
var i, h, s, v;
for (i=0;i<30;i++) {
h = Math.random()*360;
s = Math.random();
v = 1.0;
brd.create('point',[Math.random(),Math.random()],
{
withLabel:false,
face:'circle',
size:Math.random()*65,
strokeColor:JXG.hsv2rgb(h,s,v),
fillColor:JXG.hsv2rgb((h+180)%360,s,v),
highlightFillColor:JXG.hsv2rgb(h,s,v),
fillOpacity:0.7,
highlightFillOpacity:0.4
});
}
