svelteplot/svelteplot

Svelte-native plotting framework based on the grammar of graphics

TypeScript

406

1,461 commits

updated Jul 21, 2026

See the code

See what people are saying

README

SveltePlot - the best visualizations are built with Svelte

A Svelte-native visualization framework based on the layered grammar of graphics principles.

License Tests Netlify Status


SveltePlot is a Svelte-native visualization framework based on the layered grammar of graphics principle. It's API is heavily inspired by Observable Plot. Created by Gregor Aisch.

Development

Clone the repo and install dependencies:

git clone [email protected]:svelteplot/svelteplot.git
cd svelteplot
pnpm install

Run the development server:

pnpm dev

Open http://localhost:5173 in your browser.

Testing

Run unit tests:

pnpm lint
pnpm test

You should also run the visual regression tests:

pnpm test:visual

This will generate screenshots and compare them with the expected results.

pnpm vi:report

To see the differences side by side you can open http://localhost:5173/\_\_vr/report.html

data-analysis
data-visualization
grammar
graphics
interactive-visualization
svelte

svelteplot/svelteplot

Svelte-native plotting framework based on the grammar of graphics

TypeScript

406

1,461 commits

updated Jul 21, 2026

See the code

See what people are saying

README

SveltePlot - the best visualizations are built with Svelte

A Svelte-native visualization framework based on the layered grammar of graphics principles.

License Tests Netlify Status


SveltePlot is a Svelte-native visualization framework based on the layered grammar of graphics principle. It's API is heavily inspired by Observable Plot. Created by Gregor Aisch.

Development

Clone the repo and install dependencies:

git clone [email protected]:svelteplot/svelteplot.git
cd svelteplot
pnpm install

Run the development server:

pnpm dev

Open http://localhost:5173 in your browser.

Testing

Run unit tests:

pnpm lint
pnpm test

You should also run the visual regression tests:

pnpm test:visual

This will generate screenshots and compare them with the expected results.

pnpm vi:report

To see the differences side by side you can open http://localhost:5173/\_\_vr/report.html

data-analysis
data-visualization
grammar
graphics
interactive-visualization
svelte

Project health

Latest release

0.14.2 · Apr 12, 2026

Releases this year

22

Significant stargazers

Philippe Rivière

743 followers · starred May 2025

eitsupi

207 followers · starred Apr 2026

Janosh Riebesell

696 followers · starred Nov 2025

Maxime Quandalle

322 followers · starred Jun 2025