Arcs

Code example

import { Arcs } from "@nivo/arcs";

const data = [
  { name: "Jan", value: 12 },
  { name: "Feb", value: 18 },
];

export function Example() {
  return (
    <Arcs data={data} width={420} height={240}>
      {/* series / axes from Arcs */}
    </Arcs>
  );
}

Pros & cons

FAQs