---
layout: landing
page-class: full
title: Chartist - Simple responsive charts
description: Create responsive, scalable and good looking charts with chartist.js.
---
<p>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.</p>

<h3>Highly customizable responsive charts</h3>
<ul class="example-gallery">
  <li>
    <div id="example-gallery-one" class="ct-chart ct-golden-section" data-chartist-example="Line"></div>
  </li>
  <li>
    <div id="example-gallery-two" class="ct-chart ct-golden-section" data-chartist-example="Bar"></div>
  </li>
  <li>
    <div id="example-gallery-three" class="ct-chart ct-golden-section" data-chartist-example="Pie"></div>
  </li>
  <li>
    <div id="example-gallery-four" class="ct-chart ct-golden-section" data-chartist-example="Pie"></div>
  </li>
</ul>

<h3>Facts about Chartist</h3>
<p>The following facts should give you an overview why to choose Chartists as your front-end chart generator:</p>
<ul class="list">
  <li>Simple handling while using convention over configuration</li>
  <li>Great flexibility while using clear separation of concerns (Style with CSS & control with JS)</li>
  <li>Usage of SVG (Yes! SVG is the future of illustration in web!)</li>
  <li>Fully responsive and DPI independent</li>
  <li>Responsive configuration with media queries</li>
  <li>Fully built and customizable with SASS</li>
</ul>

{{#each page.sections}}
  {{>section}}
{{/each}}