<script type='text/javascript' src='https://code.highcharts.com/highcharts.js'></script> was added in the page head.
xxxxxxxxxx
%%html
<div id='highcharts' style='height:580px; width:500px; margin:0 auto'>
the javascript cell is launching here...
</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 colrb(i) {
var r=getinteger(i,255); var g=0; var b=getinteger(i,255);
return 'rgb('+r.toString()+','+g.toString()+
','+b.toString()+')';};
var a=getinteger(5,9),b=getinteger(10,14),c=getinteger(15,19);
var q=getinteger(3,6),n=getinteger(4,24); var series=[];
for (var k=1; k<2*q+1; k++) {
series.push({name:[k,a,b,c,n].toString(),
marker:{symbol:'circle',radius:1},
color:colrb(k),lineWidth:.5,
data:ar(a,b,c,q,n,k)})};
Highcharts.chart('highcharts', {
chart:{type:'line',backgroundColor:'ghostwhite'},
xAxis:{title:{text:'x'}},yAxis:{title:{text:'y'}},
title:{text:'Random Parametric Polygons'},
credits:{enabled:false},legend:{enabled:false},
series:series});
No comments:
Post a Comment