CHARTIST – SIMPLE RESPONSIVE CHARTS

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.

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

IE9IE10IE11Firefox 31Chrome 35Safari 7Safari 8Android 4.3Android 4.4iOS Safari 6iOS Safari 7
Overall Browser SupportSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupported
Multi-line Labels (foreignObject)Not supportedNot supportedNot supportedSupportedSupportedNot supportedSupportedNot supportedSupportedNot supportedSupported
Advanced CSS AnimationsNot supportedNot supportedNot supportedSupportedSupportedNot supportedSupportedNot supportedSupportedSupportedSupported
SVG Animations with SMILNot supportedNot supportedNot supportedSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupported
Reponsive Options OverrideSupported with polyfillSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupportedSupported

Website: https://gionkunz.github.io/chartist-js/index.html

Documentation: https://gionkunz.github.io/chartist-js/api-documentation.html

Examples: https://gionkunz.github.io/chartist-js/examples.html

Plugins: https://gionkunz.github.io/chartist-js/plugins.html


Thanks for reading,
Nabeel Shahid.