mbostock/.block

## .block
license: gpl-3.0

## README.md

      
    Raw
  

              README.md
            
          
    Overriding requestAnimationFrame and Date.now to force synchronous transitions.

  
## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<script>

var callbacks = [];

requestAnimationFrame = function(callback) {
  callbacks.push(callback);
};

flushAnimationFrames = function() {
  var now = Date.now;
  Date.now = function() { return Infinity; };
  callbacks.forEach(function(callback) { try { callback(); } catch (e) { console.error(e); } });
  callbacks = [];
  Date.now = now;
};

</script>
<body>
<script src="//d3js.org/d3.v3.min.js"></script>
<script>

d3.select("body").transition()
    .duration(5000)
    .style("background", "red");

flushAnimationFrames();

</script>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<script>

	var callbacks = [];

	requestAnimationFrame = function(callback) {
	callbacks.push(callback);
	};

	flushAnimationFrames = function() {
	var now = Date.now;
	Date.now = function() { return Infinity; };
	callbacks.forEach(function(callback) { try { callback(); } catch (e) { console.error(e); } });
	callbacks = [];
	Date.now = now;
	};

	</script>
	<body>
	<script src="//d3js.org/d3.v3.min.js"></script>
	<script>

	d3.select("body").transition()
	.duration(5000)
	.style("background", "red");

	flushAnimationFrames();

	</script>