d3.js:transition
d3.jsvar dotIndex = 0;
var graphviz = d3.select("#graph").graphviz()
.transition(function () {
return d3.transition("main")
.ease(d3.easeLinear)
.delay(500)
.duration(1500);
})
.logEvents(true)
.on("initEnd", render)
function render() {
var dotLines = dots[dotIndex];
var dot = dotLines.join('');
graphviz
.renderDot(dot)
.on("end", function () {
dotIndex = (dotIndex + 1) % dots.length;
render();
});
}
d3.jsvar dots = [
[
'digraph {',
' a -> b',
'}'
],
[
'digraph {',
' a -> b [color="#FF0000"]',
' a -> c [color="#FF0000"]',
'}'
],
[
'digraph {',
' a -> b [color="#0000FF"]',
' a -> c [color="#0000FF"]',
' b -> c [color="#0000FF"]',
'}'
],
[
'digraph {',
' b -> c [color="#00FF00"]',
'}'
],
];
