View on GitHub


Making d3.js easy to use - get interactive charts in 5 minutes without dealing with nitty-gritty SVG details

Download this project as a .zip file Download this project as a tar.gz file

What is charts.js

charts.js is meant to be an easy to use library to pair complex online charting libraries like d3 or Google's Charting API with easy to use code. The library includes specialization to specific fields like education.

Get charts.js in 5 minutes

<script src="//"></script>   <script src="//"></script> <div id="chart_area"></div>   <script>       charts.gauge({           container: '#chart_area',           value: 50,           size: 240,           label: 'Memory',           minorTicks: 5,           majorTicks: 5,           zones: {               red: { from: 0, to: 5 },               yellow: { from: 5, to: 15 },               green: { from: 85, to: 100 }           }       });   </script>


More charting examples (all demos)

Donut Chart

Base donut (example code)
Behavior chart (example code)

Grouped Line Chart (example code)

Gauge Chart (example code)

Line Chart

Base line (code)

DRA chart (code)