---
alert-message: ', <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://c3js.org/">http://c3js.org/</a>'
categories: [Charts]
layout: page
title: Area Charts
resource: true
url-js-extra: ['https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js']
---
<h2>Area Chart</h2>
<div class="row">
  <div class="col-lg-6 col-sm-12">
    {% include widgets/charts/area-multiple.html id="areaChart" %}
  </div>
</div>
<h2>Single Area Chart</h2>
<div class="row">
  <div class="col-lg-6 col-sm-12">
    {% include widgets/charts/area-single.html id="singleAreaChart" %}
  </div>
</div>
