---
alert-message: ', http://getbootstrap.com, and http://c3js.org/'
categories: [Charts]
layout: page
title: Bar 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']
---
Vertical Bar Chart
{% include widgets/charts/bar-vertical.html id="verticalBarChart" %}
Grouped Vertical Bar Chart
{% include widgets/charts/bar-vertical-group.html id="groupedVerticalBarChart" %}
Horizontal Bar Chart
{% include widgets/charts/bar-horizontal.html id="horizontalBarChart" %}
Grouped Horizontal Bar Chart
{% include widgets/charts/bar-horizontal-group.html id="groupedHorizontalBarChart" %}