Chart

Gráfico tematizado (recharts): line/bar/area/donut.

Líneas y barras

Vista previa

import { Chart } from "@eidondev/acme-ui/charts";  // recharts es peer opcional

<Chart
  type="line"                       // "line" | "bar" | "area" | "donut"
  data={data}
  xKey="month"
  series={[
    { key: "mrr", label: "MRR" },
    { key: "churn", label: "Churn" },
  ]}
  valueFormatter={(v) => `$${v}k`}
/>

Área y donut

Vista previa

<Chart type="area" data={trend} xKey="month" series={[{ key: "visitas" }]} />

// Donut: una serie + categoría en xKey
<Chart type="donut" data={mix} xKey="canal" series={[{ key: "valor" }]} />

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

Editorial · claro

Technical · oscuro

Warm · claro

Playful · claro