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