Basic Bar Chart

The working example of basic bar chart.

by Bharadhwaj CN

HTML

<script src="https://d3js.org/d3.v4.min.js"></script>
<link rel="stylesheet" href="https://bharadhwajcn.github.io/cinch-charts/static/css/min/cinch-charts.min.css">
<script src="https://bharadhwajcn.github.io/cinch-charts/static/js/min/bar.min.js"></script>
<div class="chart-container" id="first-chart"> </div>

CSS

.chart-container {
  height: 90%;
  width: 100%;
}

JavaScript

var element = document.querySelector('#first-chart');

var data = [
  ['Jan', 10],
  ['Feb', 70],
  ['Mar', 30],
  ['Apr', 10],
  ['May', 60],
  ['Jun', 45],
  ['Jul', 76],
  ['Aug', 40],
  ['Sep', 40],
  ['Oct', 60],
  ['Nov', 40],
  ['Dec', 80]
];

var chart = new BarChart(element, data);