JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
<div id="chart1"></div>

JavaScript

var chart = c3.generate({
		bindto: '#chart1',
    data: {
    		x: 'x',
        columns: [
        		['x','Jun','Jul','Aug','Sept','Oct',],
            ['Complete', 7,5,11,8,5],
            ['Incomplete', 5,11,11,6,5	]
            
        ],
        type: 'bar',
        groups: [
            ['Complete', 'Incomplete']
        ]
    },
    axis: {
                x: {
                    type: 'category'
                }
            },
    grid: {
        y: {
            lines: [{value:0}]
        }
    }
});