d3.js:transition

code:d3.js

var 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 dot = dotLines.join('');

graphviz

.renderDot(dot)

.on("end", function () {

dotIndex = (dotIndex + 1) % dots.length;

render();

});

}

code:d3.js

var dots = [

[

'digraph {',

' a -> b',

'}'

],

[

'digraph {',

'}'

],

[

'digraph {',

'}'

],

[

'digraph {',

'}'

],

];

https://img.shields.io/badge/D3.js-transition-F9A03C.svg?logo=D3.js&style=for-the-badge