Functions with JavaScript & HTML & Plotly

<script type='text/javascript' src='https://cdn.plot.ly/plotly-latest.min.js'></script> was added in the page head.

xxxxxxxxxx

 

1

%%html

2

<div id='plotlychart' style='width:600px; height:500px;'/>

3

<script>TEST=document.getElementById('plotlychart');

4

function get_int(min,max) {

5

    return Math.floor(Math.random()*(max-min+1))+min;};

6

function fx(a,b,c,q,n,t,k) {

7

    var x1=Math.cos(Math.PI*t/n+k*Math.PI/q)+

8

           Math.cos(a*Math.PI*t/n+k*Math.PI/q);

9

    var x2=Math.cos(b*Math.PI*t/n+k*Math.PI/q)+

10

           Math.cos(c*Math.PI*t/n+k*Math.PI/q);

11

    return x1+x2};

12

function fy(a,b,c,q,n,t,k) {

13

    var y1=Math.sin(Math.PI*t/n+k*Math.PI/q)-

14

           Math.sin(a*Math.PI*t/n+k*Math.PI/q);

15

    var y2=Math.sin(b*Math.PI*t/n+k*Math.PI/q)-

16

           Math.sin(c*Math.PI*t/n+k*Math.PI/q);

17

    return y1+y2};

18

function arx(a,b,c,q,n,k) {

19

    return Array(2*n+1).fill(k).map((k,t)=>fx(a,b,c,q,n,t,k));};

20

function ary(a,b,c,q,n,k) {

21

    return Array(2*n+1).fill(k).map((k,t)=>fy(a,b,c,q,n,t,k));};

22

function col(k,q) {

23

    return 'rgb('+(k/(2*q+2)).toString()+',0,'+

24

           (1-k/(2*q+2)).toString()+')';};

25

function plt(k) {

26

    return Plotly.plot(TEST,[{x:arx(a,b,c,q,n,k),

27

                              y:ary(a,b,c,q,n,k),

28

                              line:{color:col(k,q),width:.3},

29

                              name:k.toString()}]);};

30

var a=get_int(5,9),b=get_int(10,14),c=get_int(15,19),

31

    q=get_int(3,8),n=get_int(10,350);

32

for (var k=1; k<2*q+1; k++) {plt(k);}

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages