Simple Plotly Charts

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

xxxxxxxxxx

 

1

%%html

2

<div id='test_plotly' style='width:600px; height:600px;'/><script>

3

function plotlyChart(embed,n,m,q) {doc=document.getElementById(embed);

4

    var s1='ϱ = cos  '.concat(n).concat(' θ'),

5

        s2='ϱ = 1 + cos '.concat(n).concat(' θ');

6

    var x1=Array(m).fill(0).map((r,t)=>

7

        (r+Math.cos(n*q*t))*Math.cos(q*t)),

8

        y1=Array(m).fill(0).map((r,t)=>

9

        (r+Math.cos(n*q*t))*Math.sin(q*t));

10

    var x2=Array(m).fill(1).map((r,t)=>

11

        (r+Math.cos(n*q*t))*Math.cos(q*t)),

12

        y2=Array(m).fill(1).map((r,t)=>

13

        (r+Math.cos(n*q*t))*Math.sin(q*t));

14

    Plotly.plot(doc,[{x:x1,y:y1,line:{color:'#3636ff'},name:s1}]);

15

    Plotly.plot(doc,[{x:x2,y:y2,line:{color:'#ff3636'},name:s2}]); };

16

plotlyChart('test_plotly',24,640,.01);

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

---

Messages