---
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: ['//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js', '//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/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>
