Getting Started

Isomorphic SVG Charts

npm install -S isomorphic-svg-charts

isomorphic-svg-charts is a lightweight, environment-agnostic SVG charting library designed to work seamlessly across any JavaScript environment — from server-side rendering in Node.js to React Server Components and client-side apps. With zero dependencies and no reliance on the DOM, this library allows you to generate high-quality SVG charts in environments where typical charting libraries like D3 would be too heavyweight.

This makes it perfect for headless systems, APIs, and server-side applications where you need to render charts without any browser dependencies.


Why Use This Library?

  • Zero dependencies: Keeps your bundle size small and performance fast.
  • Doesn't require the DOM: Works seamlessly in server environments.
  • Render SVG charts in React Server Components: Perfect for modern frameworks like Next.js.
  • Amazing TypeScript Developer Experience: Full TypeScript support for safe, typed development.

Render Charts In...

  • React / React Native
  • Express.js or any Node.js server (including SSR)
  • Headless or server-side systems (e.g., for generating charts for PDFs, emails, or reports)
  • Any other JavaScript environment: Whether in the browser or not, this library works everywhere.