--- alert-message: ', http://getbootstrap.com, and http://c3js.org/' categories: [Charts] layout: page title: Donut 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'] ---

Donut Chart - Utilization

{% include widgets/charts/donut-utilization.html id="utilizationDonutChart" %}

Donut Chart - Relationship to a Whole

{% include widgets/charts/donut-whole-relationship.html id1="donut-chart-no-legend" id2="donut-chart-right-legend" id3="donut-chart-bottom-legend" %}

Donut Chart - Small

{% include widgets/charts/donut-mini.html id="smallDonutChart" %}