---
alert-message: ', http://getbootstrap.com, and http://c3js.org/'
categories: [Charts]
layout: page
title: Donut 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']
---
Donut Chart - Utilization
{% include widgets/charts/donut-utilization.html id="utilizationDonutChart" %}
Donut Chart - Relationship to a Whole
{% include widgets/charts/donut-whole-relationship.html id="donut-chart-no-legend" %}
Donut Chart - Small
{% include widgets/charts/donut-mini.html id="smallDonutChart" %}