---
title: Charts
page-header: Charts
menu: base.charts
---

<div class="row">
   <div class="col-12">
      <div class="card">
         <div class="card-body">
            {% include ui/chart.html chart-id="tasks-overview" height=20 %}
         </div>
      </div>
   </div>

   {% for chart in site.data.charts %}
   {% if chart[1].demo %}
   {% assign chart-id = chart[0] %}
   <div class="col-lg-6 col-xl-4">
      <div class="card">
         {% if chart[1].name %}
         <div class="card-header">
            <h3 class="card-title">{{ chart[1].name }}</h3>
         </div>
         {% endif %}
         <div class="card-body">
            {% include ui/chart.html chart-id=chart-id height=15 %}
         </div>
      </div>
   </div>
   {% endif %}
   {% endfor %}


</div>