Description
Vizzu is an open-source Javascript library designed to build animated charts with just a few lines of code. It has a generic dataviz engine that generates many types of charts and seamlessly animates between them. You can use it to create static charts, but it’s 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.
Vizzu alternatives and similar libraries
Based on the "Animations" category.
Alternatively, view Vizzu alternatives based on common mentions on social networks and blogs.
-
-
-
-
-
AutoAnimate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application. -
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. -
-
-
Scrawl-canvas Library
Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun -
-
Scroll Btween
ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element. -
-
TransitionEnd
:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event. -
Scroll Frames
Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Vizzu or a related project?
README
Vizzu - Library for animated data visualizations and data stories. Tutorial & Examples · Reference · Repository
About The Project
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.
Installation
Install via npm:
npm install vizzu
Or use it from CDN:
<script type="module">
import Vizzu from 'https://cdn.jsdelivr.net/npm/vizzu@latest/dist/vizzu.min.js';
</script>
Usage
Create a placeholder element that will contain the rendered chart:
<div id="myVizzu" style="width:800px; height:480px;"></div>
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'
});
FAQ
You can find answers to the most frequently asked questions about using the library in our [FAQ](FAQ.md).
Projects
List of external projects (extensions, bindings, templates, etc) for Vizzu: [Projects](PROJECTS.md).
Roadmap
We have a comprehensive list of features we plan to implement, on our Roadmap.
Contributing
We welcome contributions to the project, visit our wiki page for further info.
Contact
- Join our Slack: vizzu-community.slack.com
- Drop us a line at [email protected]
- Follow us on Twitter: https://twitter.com/VizzuHQ
License
Copyright © 2022 Vizzu Kft..
Released under the Apache 2.0 License.
*Note that all licence references and agreements mentioned in the Vizzu README section above
are relevant to that project's source code only.