Color Interpolation 2

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

xxxxxxxxxx

 

1

%%html

2

<svg id='svg001' width=150px height=150px/><script>

3

var c1='#ff3636',c2='#3636ff'; var n=10000;

4

var svg=d3.select('#svg1');

5

d3.select('#svg001').transition().duration(n)

6

  .styleTween('background-color',

7

              function(){return d3.interpolate(c1,c2)});

8

d3.select('#svg001').append('circle')

9

  .attr('cx','50%').attr('cy','50%').attr('r',35)

10

  .transition().duration(n)

11

  .styleTween('fill',

12

              function(){return d3.interpolate(c2,c1)});

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

---

Messages