<script type='text/javascript' src='https://code.highcharts.com/highcharts.js'></script> was added in the page head.
xxxxxxxxxx
%%html
<div id='highcharts2'
style='height:630px; width:600px; margin:0 auto'>
</div><script>
function getinteger(min,max) {
return Math.floor(Math.random()*(max-min+1))+min;};
function fx(a,b,c,q,n,t,k) {
var x1=Math.cos(Math.PI*t/n+k*Math.PI/q)+
Math.cos(a*Math.PI*t/n+k*Math.PI/q);
var x2=Math.cos(b*Math.PI*t/n+k*Math.PI/q)+
Math.cos(c*Math.PI*t/n+k*Math.PI/q);
return x1+x2};
function fy(a,b,c,q,n,t,k) {
var y1=Math.sin(Math.PI*t/n+k*Math.PI/q)-
Math.sin(a*Math.PI*t/n+k*Math.PI/q);
var y2=Math.sin(b*Math.PI*t/n+k*Math.PI/q)-
Math.sin(c*Math.PI*t/n+k*Math.PI/q);
return y1+y2};
function ar(a,b,c,q,n,k) {
return Array(2*n+1).fill(k).map((k,t)=>
[fx(a,b,c,q,n,t,k),fy(a,b,c,q,n,t,k)]);};
function colgb(i) {
var r=0,g=getinteger(i-100,255),b=getinteger(i-100,255);
return 'rgb('+r.toString()+','+g.toString()+
','+b.toString()+')';};
var a=getinteger(5,11),b=getinteger(12,24),c=getinteger(25,35);
var q=getinteger(3,6),n=getinteger(250,500); var series=[];
for (var k=1; k<2*q+1; k++) {var colk=colgb(k);
series.push({name:[k,a,b,c,n],lineWidth:.3,
color:colk,data:ar(a,b,c,q,n,k),
marker:{symbol:'circle',
radius:.5,color:colk}})};
Highcharts.chart('highcharts2', {
chart:{type:'scatter',backgroundColor:'lightcyan'},
xAxis:{visible:false},yAxis:{visible:false},
title:{text:'Random Parametric Scatter Plots'},
credits:{enabled:false},legend:{enabled:false},
series:series});
No comments:
Post a Comment