Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vizzuhq/vizzu-lib
Library for animated data visualizations and data stories.
https://github.com/vizzuhq/vizzu-lib
animation chart charting charting-library charts dashboard data-analysis data-visualization datavisualization dataviz graph graphs javascript javascript-library plotting storytelling
Last synced: 2 days ago
JSON representation
Library for animated data visualizations and data stories.
- Host: GitHub
- URL: https://github.com/vizzuhq/vizzu-lib
- Owner: vizzuhq
- License: apache-2.0
- Created: 2021-06-07T19:53:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-06T18:10:44.000Z (6 days ago)
- Last Synced: 2024-12-09T09:07:02.076Z (3 days ago)
- Topics: animation, chart, charting, charting-library, charts, dashboard, data-analysis, data-visualization, datavisualization, dataviz, graph, graphs, javascript, javascript-library, plotting, storytelling
- Language: JavaScript
- Homepage: https://lib.vizzuhq.com
- Size: 10.7 MB
- Stars: 1,941
- Watchers: 21
- Forks: 81
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome - vizzu-lib - Library for animated data visualizations and data stories. (Uncategorized / Uncategorized)
- project-awesome - vizzuhq/vizzu-lib - Library for animated data visualizations and data stories. (JavaScript)
- awesome-github-star - vizzu-lib
- awesome-datascience - vizzu
README
Vizzu - Library for animated data visualizations and data stories.
Documentation
· Examples
· Code reference
· Repository
· Blog
[](https://badge.fury.io/js/vizzu)
[](https://packagephobia.com/result?p=vizzu)
[](https://twitter.com/intent/tweet?text=Vizzu%3A%20an%20open-source%20library%20for%20animated%20data%20visualizations%20and%20data%20stories&url=https://github.com/vizzuhq/vizzu-lib&via=vizzuhq&hashtags=vizzu,dataviz,javascript,opensource,developers)
# Vizzu
## 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](https://www.npmjs.com/package/vizzu):
```sh
npm install vizzu
```
Or use it from CDN:
```html
import Vizzu from 'https://cdn.jsdelivr.net/npm/vizzu@latest/dist/vizzu.min.js';
```
## 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@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
});
```
```javascript
chart.animate({
x: 'Foo',
y: 'Bar'
});
```
Then turn it into a scatter plot:
```javascript
chart.animate({
color: 'Foo',
x: 'Baz',
geometry: 'circle'
});
```
[Try it!](https://jsfiddle.net/VizzuHQ/dk7b86vc)
## FAQ
You can find answers to the most frequently asked questions about using the
library in our [FAQ](https://lib.vizzuhq.com/latest/FAQ/).
## Projects
List of external projects (extensions, bindings, templates, etc) for Vizzu:
[Projects](https://lib.vizzuhq.com/latest/PROJECTS/).
## Roadmap
We have a comprehensive list of features we plan to implement, on our
[Roadmap](https://github.com/vizzuhq/.github/wiki/Roadmap).
## Contributing
We welcome contributions to the project, visit our contributing
[guide](https://lib.vizzuhq.com/latest/CONTRIBUTING/) for further info.
## Contact
- Join our Slack:
[vizzu-community.slack.com](https://join.slack.com/t/vizzu-community/shared_invite/zt-w2nqhq44-2CCWL4o7qn2Ns1EFSf9kEg)
- Drop us a line at [email protected]
- Follow us on Twitter:
[https://twitter.com/VizzuHQ](https://twitter.com/VizzuHQ)
## License
Copyright © 2021-2024 [Vizzu Inc.](https://vizzuhq.com)
Released under the
[Apache 2.0 License](https://lib.vizzuhq.com/latest/LICENSE/).