Artistic Data Visualization
It is recommended to use vizart components.
npm install vizart-basic --save
import 'vizart-basic/dist/vizart-basic.css';
import { bar } from 'vizart-basic';
const chart = barar(domId, opt)....
With this approach, all charts are available.
Install VizArt in your project
npm install vizart --save
import and use
import 'vizart/dist/vizart.css';
import { bar } from 'vizart';
const chart = bar(domId, opt)....
initialize a chart with domId and declarative options
const opt = {
...
};
const chart = bar('#chart', opt)
You only need to provide essential options. Demo is a good place to check essential options for all charts. You may check up Documentation of each component for full option spec so as to control more chart behaviours.
Render a chart with data
chart.render(data) // this should be called only once
// or in minimum
const opt = { plots: {opacityArea: 0.2 }};
// update options
chart.options(opt);
chart.update();
```
Production ready:
My work is based on/inspired by other people’s works. You can find links and author names of originals works at each sub module’s home page
as well as at vizart’s demo page.
Thanks to Mike Bostock, the creator of d3.js. I create vizart on top of d3 modules. I also study d3 examples extensively.
This project is licensed under the MIT License - see the LICENSE file for details