Vizzu - Library for animated data visualizations and data stories.
Documentation · Examples · Code reference · Repository
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.
Install via npm:
npm install vizzuOr use it from CDN:
<html>
<head>
<script type="module">
import Vizzu from 'https://cdn.jsdelivr.net/npm/vizzu@latest/dist/vizzu.min.js';
</script>
</head>
</html>Create a placeholder element that will contain the rendered chart:
<html>
<body>
<div id="myVizzu" style="width:800px; height:480px;">
</div>
</body>
</html>Create a simple bar chart:
import Vizzu from 'https://cdn.jsdelivr.net/npm/vizzu@latest/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
});chart.animate({
x: 'Foo',
y: 'Bar'
});Then turn it into a scatter plot:
chart.animate({
color: 'Foo',
x: 'Baz',
geometry: 'circle'
});
You can find answers to the most frequently asked questions about using the library in our FAQ.
List of external projects (extensions, bindings, templates, etc) for Vizzu: Projects.
We have a comprehensive list of features we plan to implement, on our Roadmap.
We welcome contributions to the project, visit our wiki page for further info.
- Join our Slack: vizzu-community.slack.com
- Drop us a line at [email protected]
- Follow us on Twitter: https://twitter.com/VizzuHQ
Copyright © 2021-2023 Vizzu Inc.
Released under the Apache 2.0 License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent