Radial bar / rose

Vanilla JS

import { RadialBarChart } from '@arshad-shah/swift-chart';

new RadialBarChart('#chart', { theme: 'midnight' })
  .setData(traffic, { labelField: 'source', valueField: 'visits' });

React

import { RadialBar } from '@arshad-shah/swift-chart/react';

<RadialBar
  data={traffic}
  mapping={{ labelField: 'source', valueField: 'visits' }}
  theme="midnight"
  height={340}
/>

Rose / Coxcomb / Nightingale

Set rose: true and the wedge radius (rather than its inset) encodes value.

Reference

• Class: RadialBarChart
• React component: RadialBar