You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included.

Get awesome Dashboard Templates by Creative Tim

Are you planning to use Chartist to create a nice Dashboard or Admin UI? Don't loose any time and kickstart your development using the awesome templates by Creative Tim. They include Chartist and come with awesome chart styles!

Highly customizable responsive charts









Facts about Chartist

The following facts should give you an overview why to choose Chartists as your front-end chart generator:

Simple handling while using convention over configuration

Great flexibility while using clear separation of concerns (Style with CSS & control with JS)

Usage of SVG (Yes! SVG is the future of illustration in web!)

Fully responsive and DPI independent

Responsive configuration with media queries

Fully built and customizable with Sass

Browser compatibility IE9 IE10 IE11 Firefox 31 Chrome 35 Safari 7 Safari 8 Android 4.3 Android 4.4 iOS Safari 6 iOS Safari 7 Overall Browser Support Supported Supported Supported Supported Supported Supported Supported Supported Supported Supported Supported Multi-line Labels (foreignObject) Not supported Not supported Not supported Supported Supported Not supported Supported Not supported Supported Not supported Supported Advanced CSS Animations Not supported Not supported Not supported Supported Supported Not supported Supported Not supported Supported Supported Supported SVG Animations with SMIL Not supported Not supported Not supported Supported Supported Supported Supported Supported Supported Supported Supported Responsive Options Override Supported with polyfill Supported Supported Supported Supported Supported Supported Supported Supported Supported Supported

Projects / Wrapper libraries These projects and wrapper libraries are known to me right now that either use Chartist.js or wrap them into a library for usage in a framework. If you know other projects that use Chartist.js please let us know or make a pull request for this file. Project Type node-chartist Node Package for Server-side Charts ng-chartist.js Angular Directive chartistAngularDirective.js Angular Directive react-chartist React Component meteor-chartist-js Meteor Package tablepress_chartist Wordpress / Tablepress Extension ember-cli-chartist Ember Addon ChartistJSF Java Server Faces (Prime Faces) Component

Chart CSS animation example Cross-browser support Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary. Specifying the style of your chart in CSS is not only cleaner but also enables you to use awesome CSS animations and transitions to be applied to your SVG elements!

Crazy Animations with SMIL! Almost limitless animation possibilities with the Chartist.Svg animation API. Checkout the advanced getting started guide about SVG animations with SMIL.