1 minute read

Chartist JS - Simple Responsive Charts

Tony Lea

Chartist JS - Simple Responsive Charts

If you are looking for a simple and easy to use responsive chart solution. Chartist JS may be exactly what you are looking for. Chartist JS was created by a community of developers who were unhappy with the current charting systems available today, so you know it's gotta be good :)

Using Chartist JS is very simple. After you include the library in your project you can easily create bar charts, pie charts, line charts, and so much more. Checkout just how easy it is to create a simple bar chart below:

// Create a simple bar chart
var data = {
  labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
  series: [
    [5, 2, 4, 2, 0]

// In the global name space Chartist we call the Bar function to initialize a bar chart. As a first parameter we pass in a selector where we would like to get our chart created and as a second parameter we pass our data object.
Chartist.Bar('.ct-chart', data);

So, be sure to checkout this library if you are looking for a quick and easy solution for great responsive charts. http://gionkunz.github.io/chartist-js/