vizzu-release-test1 v0.0.2

About The Project

Vizzu is a data visualization library that intends to turn charts into an interactive animated UI.

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 'node_modules/vizzu/dist/vizzu.min.js';

let data = {
  series: [
    { name: 'Foo', type: 'categories', values: ['A', 'B', 'C'] },
    { name: 'Bar', type: 'values', values: [15, 32, 12] },
    { name: 'Baz', type: 'values', values: [15, 32, 12] }
  ]
};

let chart = new Vizzu("myVizzu");

let animation = chart.initializing.then(chart => chart.animate(
  {
    data,    
    descriptor: {
      channels: {
        x: { attach: ['Foo'] },
        y: { attach: ['Bar']},
      }
    }
  }
));

Then turn it into a scatter plot:

animation.then(chart => chart.animate(
  {
    descriptor: {
      channels: {
        color: { attach: ['Foo'] }, 
        x: { detach: ['Foo'], attach: ['Baz'] }
      },
      geometry: 'circle'
    }
  }
));

License

Copyright © 2021 Vizzu Kft..

Released under the Apache 2.0 License.