Coxcomb

Charts 534 × 435 <bars><column><data><plot><record><style><text>

Result

Source examples/coxcomb.svgn

<diagram padding="20">
  <column gap="12" align="center">
    <text class="title" label="Mortality in the field hospital, by cause"/>
    <plot data="causes" coord="polar" width="420" height="320">
      <bars x="cause" y="deaths" position="group"/>
    </plot>
    <text class="caption"
          label="Equal angles, the value in the radius: a coxcomb is polar grouped bars."/>
  </column>
  <data name="causes">
    <record cause="Disease" deaths="420"/>
    <record cause="Wounds" deaths="90"/>
    <record cause="Other" deaths="55"/>
    <record cause="Cold" deaths="180"/>
    <record cause="Fever" deaths="300"/>
    <record cause="Exhaustion" deaths="140"/>
  </data>
  <style>
    .title { font-size: 15px; font-weight: 700; fill: var(--sv-title); }
    .caption { font-size: 12px; fill: var(--sv-muted); }
  </style>
</diagram>

Open the SVG →