Chart

Recharts inside a tokenized container: chart-1…5 colors, tooltip and legend in contract tokens.

Playground

<ChartContainer config={config} className="max-h-64">
  <BarChart data={data}>
    <CartesianGrid />
    <XAxis dataKey="month" />
    <ChartTooltip content={<ChartTooltipContent />} />
    <ChartLegend content={<ChartLegendContent />} />
    <Bar dataKey="people" fill="var(--color-people)" radius={4} />
    <Bar dataKey="companies" fill="var(--color-companies)" radius={4} />
  </BarChart>
</ChartContainer>