JSFiddle - React, Tailwind, and code Playground

by megaadriano

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.2.2/d3.v3.min.js"></script>
<script src="https://imaginea.github.io/uvCharts/js/uvcharts.js"></script>
		<div id="uv-div" class="uv-div"></div>

JavaScript

var graphdef = {
    categories : ['uvCharts'],
    graph:{orientation:'Horizontal'},
    dataset : {
        'uvCharts' : [
            { name : '2009', value : 32 },
            { name : '2010', value : 60 },
            { name : '2011', value : 97 },
            { name : '2012', value : 560 },
            { name : '2013', value : 999 }
        ]
    }
}

uv.chart('Bar', graphdef, { bar: { textcolor: 'green' },tooltip:{format:'%v%'}})