D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
mbostock
Full window
Github gist
Range Transition
Using transition.tween to transition a property.
<!DOCTYPE html> <meta charset="utf-8"> <style> body { max-width: 640px; margin: 40px auto; } input { width: 100%; } </style> <input type="range" min="0" max="1000" step="1" value="0"> <script src="//d3js.org/d3.v3.min.js"></script> <script> d3.select("input").transition() .duration(7500) .tween("value", function() { var i = d3.interpolate(this.value, this.max); return function(t) { this.value = i(t); }; }); </script>
https://d3js.org/d3.v3.min.js