SVG Chart Library

Chart.ts renders charts as real SVG DOM elements. Style with CSS, inspect in DevTools, traverse with screen readers, print at any resolution. No Canvas blobs. No WebGL black boxes. Just clean, semantic SVG.

$npm install @chartts/core
example.tsx
import { bar } from "@chartts/core"

// Output is clean SVG markup
const svg = bar({
  data: [
    { label: "React", value: 85 },
    { label: "Vue", value: 72 },
    { label: "Svelte", value: 68 },
  ],
  x: "label",
  y: "value",
})

// svg is a string of <svg>...</svg> markup
// Paste it in HTML, style it with CSS, inspect in DevTools

Features

Real SVG DOM elements (not Canvas)
Style with CSS and Tailwind classes
Inspect and debug in browser DevTools
Screen readers traverse chart elements
Print at any resolution without blur
Server-side renderable (no browser needed)
Embeddable in HTML emails and documents
Read the DocsSee DemosExamples