Vizzu - Library for animated data visualizations and data stories.

Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation.

Main features:

• Designed with animation in focus;
• Defaults based on data visualization guidelines;
• Automatic data aggregation & data filtering;
• HTML5 canvas rendering;
• Written in C++ compiled to WebAssembly;
• Dependency-free.

Source: github.com

1. IMPORT JS FILE

<script type="module">
import Vizzu from 'https://cdn.jsdelivr.net/npm/vizzu@latest/dist/vizzu.min.js';
</script>

2. HTML

<div id="myVizzu" style="width:800px; height:480px;"></div>

3. JAVASCRIPT

let data = {
  series: [
    { name: 'Foo', values: ['Alice', 'Bob', 'Ted'] },
    { name: 'Bar', values: [15, 32, 12] },
    { name: 'Baz', values: [5, 3, 2] }
  ]
};

let chart = new Vizzu("myVizzu", { data });

chart.animate({
  x: 'Foo',
  y: 'Bar'
});

chart.animate({
  color: 'Foo', 
  x: 'Baz',
  geometry: 'circle'
});

More detail: https://lib.vizzuhq.com/latest/reference/

https://lib.vizzuhq.com/latest/#chart-presets