DonutChart

<section class="dc-card" aria-labelledby="dcTitle">
  <header class="dc-head">
    <h2 id="dcTitle" class="dc-title">Customer plans</h2>
    <span class="dc-meta">412 total</span>
  </header>
  <div class="dc-main">
    <div class="dc-donut" id="dcDonut" role="img" aria-label="">
      <div class="dc-center">
        <span class="dc-center-value" id="dcTotal">0</span>
        <span class="dc-center-label">accounts</span>
      </div>
    </div>
    <ul class="dc-legend" id="dcLegend"></ul>
  </div>
</section>