D3 meets Chart.js

Simple HTML5 Charts using the <svg> tag with D3.js.
The original implementation on which it is based, is Chart.js.

Demo

Comparison with Chart.js

Why use this?

Because everything is an element.
For SVG enthusiasts. Otherwise, you might want to use Chart.js.

Getting started

Install using bower or download as zip.

$ bower install d3-meets-chart.js

d3-meets-chart.js depends on D3.js, so include it only after D3.js has been defined in the document:

<script src="path/to/d3.min.js"></script>
<script src="path/to/d3-meets-chart.min.js"></script>

Create a instance for a svg element you'd like to chart:

<svg id="my-chart" width="500" height="500"></svg>

var myChart = new Chart('svg#my-chart');

And call a chart type method with chart data arguments:

var data = [{value: 30}, {value: 50}, {value: 100}];
myChart.Pie(data);

Congrats!

Chart types

Bar	Line	Radar	Pie	Doughnut	Polar area
Available	Available	Not available	Available	Available	Not available

Chart options

See Chart.js documentation. About the same.

Chart API

Experimental

Browser support

Internet Explorer 9+ and modern browsers.

Changelog

See details changes for each version in the release notes.

License

Released under the MIT license.