📑 D3 Workout 01. Timers for Color Interpolation

d3_01.html

<script src='https://d3js.org/d3.v6.min.js'></script> was added in the page head.

xxxxxxxxxx

 

1

%%javascript

2

var tc=setInterval(function() {

3

  var now=new Date().getTime();

4

  var n=Math.abs(120-4*Math.floor((now%(1000*60))/1000));

5

  var svg1=d3.select('#d301svg01')

6

             .attr('width',284).attr('height',264)

7

             .call(svg=>svg.selectAll('circle')

8

             .data(d3.range(128,0,-8)).join('circle')

9

             .attr('transform','translate(132,132)')

10

             .attr('fill',d3.scaleSequential(

11

               d3.interpolateSinebow).domain([0,128+n]))

12

             .attr('r',d =>d)).node();},1);

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

---

Messages