@vanduo-oss/charts

Standalone SVG charts for the Vanduo design system.

Data in, accessible SVG out — bar, line, area, scatter, donut, and pie. Token-themed and SSR-safe, framework-agnostic with an optional typed Vue 3 layer. Intentionally small: no data fetching, Canvas, or grammar-of-graphics DSL.

Install

pnpm add @vanduo-oss/charts

Quick start

import { BarChart } from "@vanduo-oss/charts";
import "@vanduo-oss/charts/css";

const chart = BarChart({
  target: "#chart",
  data: [{ month: "Jan", sales: 120 }, { month: "Feb", sales: 180 }],
  x: "month",
  y: "sales",
});

chart.update({ data: next });
chart.destroy();

Vue 3 (optional peer): import { VdChart } from "@vanduo-oss/charts/vue".

<VdChart type="bar" :data="rows" x="month" y="sales" :height="300" />

Documentation

• Docs & live demos — https://vanduo.dev
• Agent / LLM reference (full factory + Vue API, options, theming) — SKILL.md
• Changelog — CHANGELOG.md

License

MIT © Vanduo