Chart.js – open source HTML5 Charts

Simple, clean and engaging charts for designers and developers

HTML5 Charts

Visualize your data in 6 different ways. Each of them animated, with a load of customization options and interactivity extensions.

HTML5 Charts
HTML5 Charts

Chart.js uses the HTML5 canvas element. It’s supported in all modern browsers, and poly-fills support for IE7/8.

Simple, flexible and responsive solution! Chart.js is dependency free and super lightweight. The library will resize your chart if the browser changes size, along with providing the perfect scale granularity for that size.

How to use?

<script src="Chart.js"></script>
...

<canvas id="myChart" width="400" height="400"></canvas>
// get the context of the canvas element we want to select
var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx).PolarArea(data);

Interactive!

Chart.js provides default simple support for canvas tool-tips on hover/touch, but you can extend chart interactions to trigger events in your application.

Homepage:

http://www.chartjs.org

Documentation:

http://www.chartjs.org/docs

GitHub:
https://github.com/nnnick/Chart.js

Chart.js is available under the MIT license.

Enjoy!

Share:Share on Facebook1Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1