mbostock · February 9, 2016 01:13
diff --git a/.block b/.block
 license: gpl-3.0
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style>

 body {
  padding: 40px;
 }

 input {
  width: 880px;
 }

 </style>
 <input type="range" value="0" min="0" max="255" step="any">
 <script src="//d3js.org/d3.v3.min.js"></script>
 <script>

 d3.select("input").transition()
    .delay(1500)
    .duration(7500)
    .tween("value", valueTween(255));

 function valueTween(value) {
  return function() {
    var i = d3.interpolateNumber(this.value, value);
    return function(t) { this.value = i(t); };
  };
 }

 </script>
diff --git a/thumbnail.png b/thumbnail.png
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	padding: 40px;
	}

	input {
	width: 880px;
	}

	</style>
	<input type="range" value="0" min="0" max="255" step="any">
	<script src="//d3js.org/d3.v3.min.js"></script>
	<script>

	d3.select("input").transition()
	.delay(1500)
	.duration(7500)
	.tween("value", valueTween(255));

	function valueTween(value) {
	return function() {
	var i = d3.interpolateNumber(this.value, value);
	return function(t) { this.value = i(t); };
	};
	}

	</script>