Chart

A number the reader should compare belongs in a chart, not a sentence. A page draws one with <Chart />, a block the framework provides: shadcn's chart component on Recharts, painted with the brand's --chart-1 to --chart-5, with a tooltip on hover and a legend when there is more than one series.

<Chart
  type="bar"
  x="month"
  data={[
    { month: "Apr", saves: 186, builds: 80 },
    { month: "May", saves: 305, builds: 200 }
  ]}
  series={{ saves: "Studio saves", builds: "Publication builds" }}
  caption="Studio saves and publication builds per month, from the studio's commit log."
/>