Simple responsive JavaScript charts – Chartist.js

Simple responsive JavaScript charts – Chartist.js!

Responsive JavaScript charts

Chartist.js is a simple responsive charting library built with SVG. It solves many issues we can find in other solutions.

Chartist’s goal is to provide a simple, lightweight library to responsively craft charts on your website. It’s important to understand that one of the main intentions of Chartist.js is to rely on standards rather than providing it’s own solution to a problem which is already solved by those standards. We need to leverage the power of browsers today and say good bye to the idea of solving all problems ourselves.

Chartist works with inline-SVG and therefore leverages the power of the DOM to provide parts of its functionality. This also means that Chartist does not provide it’s own event handling, labels, behaviors or anything else that can just be done with plain HTML, JavaScript and CSS. The single and only responsibility of Chartist is to help you drawing “Simple responsive Charts” using inline-SVG in the DOM, CSS to style and JavaScript to provide an API for configuring your charts.

Responsive JavaScript charts - Chartist.js
Responsive JavaScript charts – Chartist.js

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 customable with Sass

License: MIT / WTFPL

Homepage / Docs



See also

Chart.js – open source HTML5 Charts

Responsive charts jQuery plugin – Pizza JS

CanvasJS – HTML5 JavaScript charts – nice and responsive

Bootstrap and jQuery bar charts – jchart plugin

SVG with JavaScript – svg.js and others

A responsive jQuery Scatter plot plugin – Scatterplot.js