Row

Home / Demo / Row
Bar

Renderer: Canvas

Module: vizart-basic

Data: Movies.

Doc: API

import { rose } from 'vizart-basic';
import 'vizart-basic/dist/vizart-basic.css';

const options = {
	chart: {
		margin: { left: 30, right: 30, top: 10, bottom: 30 }
	},

	data: {
			x: { name: 'Director', type: 'string', accessor: 'Director'},
			y: [{ name: 'Total', type: 'number', accessor: 'Total', yAxis: 0}], // only 1 metric
	},
};

const chart = rose('#chart', options);
d3.csv('./data/movies.csv', function(err, res){
   chart.render(res);
});