Zooming of Function Plots

<script src='https://www.gstatic.com/charts/loader.js'></script> was added in the page head.

xxxxxxxxxx

 

1

%%html

2

<div id='gchart' style='width:580px; height:580px;'/>

3

<script>

4

google.charts.load('current',{'packages':['corechart']}); 

5

google.charts.setOnLoadCallback(drawChart);

6

function randi(xmin,xmax){

7

    return Math.floor(Math.random()*(xmax-xmin+1))+xmin;};

8

function gcolor(k){

9

    var r=randi(10*k,255),g=randi(10*k,255),b=randi(10*k,255);

10

    return '#'+r.toString(16)+g.toString(16)+b.toString(16);};

11

function drawChart(){

12

  var a=randi(7,15),c=randi(10,24),d=.01,n=638;

13

  var xy=Array(2*n).fill(1).map((k,t)=>

14

      [(2*Math.floor(t/n)+k)*(Math.cos(d*t)+

15

       Math.cos(a*d*t)/2+Math.sin((a+c)*d*t)/3),

16

       k*(Math.sin(d*t)+Math.sin(a*d*t)/2+

17

       Math.cos((a+c)*d*t)/3),

18

       (k+2)*(Math.sin(d*t)+Math.sin(a*d*t)/2+

19

       Math.cos((a+c)*d*t)/3)]);

20

  for (var i=1; i<n-1; i++){xy[n-1+i][1]=NaN; xy[i+1][2]=NaN;}; 

21

  xy.unshift(['x','k=1','k=3']); 

22

  var data=google.visualization.arrayToDataTable(xy); 

23

  var options={curveType:'function',legend:{position:'bottom'},

24

               colors:[gcolor(a-6),gcolor(c-9)]};

25

  var doc=document.getElementById('gchart');

26

  var chart=new google.visualization.LineChart(doc); 

27

  chart.draw(data,options);};

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

---

Messages