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 animat
npm install vizzuVizzu - Library for animated data visualizations and data stories.
Documentation
· Examples
· Code reference
· Repository
· Blog
sh
npm install vizzu
`
Or use it from CDN:
`html
`
Usage
Create a placeholder element that will contain the rendered chart:
`html
`
Create a simple bar chart:
`javascript
import Vizzu from 'https://cdn.jsdelivr.net/npm/vizzu@0.17/dist/vizzu.min.js';
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
});
`
`javascript
chart.animate({
x: 'Foo',
y: 'Bar'
});
`
Then turn it into a scatter plot:
`javascript
chart.animate({
color: 'Foo',
x: 'Baz',
geometry: 'circle'
});
``