Disabling SankeyDiagram initial animation

This supershort tutorial will show how to disable SankeyDiagram’s initial “fold-out” animation.

Disabling animation

If you have “animated” theme enabled, SankeyDiagram will fold out its nodes from left to right when it first loads.

For that specific animation, it uses its interpolationDuration setting. So, to make the nodes appear instantly, all we have to do is to set it to zero.

TypeScript

chart.interpolationDuration = 0;

JavaScript

chart.interpolationDuration = 0;

JSON

{
  // ...
  "interpolationDuration": 0
}

Example

Open in CodePen