JSFiddle - React, Tailwind, and code Playground

by Mark Martin

HTML

<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/monte@0.0.0-alpha26/build/monte.min.js"></script>
<div id="barChart"></div>

JavaScript

var BAR_DATA = [{
	"id": "First",
	"value": 200,
	"css": "first-bar"
},{
	"id": "Second",
	"value": 150,
	"css": "second-bar"
}];
var barOpts = {
	boundingWidth: 200,
	boundingHeight: 200,
	margin: {
		top: 20,
	},
};
var barChart = new monte.BarChart('#barChart', barOpts).data(BAR_DATA);1