{% macro piechart(slices, size=140, badge_labels=False) %}
{% if slices %}
<div class="piechart-row">
  <svg class="piechart" viewBox="0 0 100 100" width="{{ size }}" height="{{ size }}" role="img" aria-label="Pie chart">
    {% for s in slices %}
    <path
      d="{{ s.path }}"
      fill="{{ s.color }}"
      data-index="{{ loop.index0 }}"
      data-label="{{ s.label }}"
      data-count="{{ s.count }}"
      data-pct="{{ s.pct }}"
    ></path>
    {% endfor %}
  </svg>
  <ul class="piechart__legend">
    {% for s in slices %}
    <li class="piechart__legend-item" data-index="{{ loop.index0 }}">
      <span class="piechart__swatch" style="background: {{ s.color }};"></span>
      {% if badge_labels %}
      <span class="badge badge--{{ s.label }}">{{ s.label }}</span>
      {% else %}
      <span class="piechart__legend-label mono">{{ s.label }}</span>
      {% endif %}
      <span class="piechart__legend-count">{{ s.count }} ({{ s.pct }}%)</span>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}
{% endmacro %}