Chart

Installation

import {
  ChartContainer,
  ChartTooltip,
  ChartTooltipContent,
  ChartLegend,
  ChartLegendContent,
  type ChartConfig,
} from "@aspyn-io/kit";
import { Bar, BarChart, CartesianGrid, XAxis } from "recharts";

Bar chart with theme-aware colors

Series colors come from chart tokens, so charts re-skin with the brand and dark mode automatically: switch the theme to see it.

Line chart

Notes

• ChartContainer injects --color-<key> variables from your config: reference them in fill/stroke.
• Data keys use snake_case to match Aspyn API responses directly.
• Any Recharts chart works inside ChartContainer: Area, Pie, Radar, Radial…