LayerChart

A large collection of composable Svelte chart components to build a wide range of visualizations

• Cartesian (Bar, Area, Stack, Scatter)
• Radial (Pie, Arc, Sunburst)
• Hierarchy (Pack, Tree, Treemap, Sunburst)
• Graph (Sankey)
• Geo (Choropleth, Spike, Bubble, Point, Globe)

Interactions

• Tooltip, Highlights, Pan/Zoom

SVG

• Basic (Arc, Circle, Group, Line, Spline, Text)
• Gradients and Patterns
• ClipPath
• Multi-line text

Others

• Legends including ColorRamps

See also the companion library Svelte UX for a large collection of components, actions, stores, and utilities to build highly interactive applications.

Contributing

Install dependencies

pnpm i

Run dev server for layerchart package

cd packages/layerchart
pnpm dev

Add changeset to include change in changelog and determine next version

pnpm changeset

Sponsors

This project is supported by the following beautiful people/organizations:

<p align="center"> <a href="https://github.com/sponsors/techniq"> <img src='https://github.com/techniq/sponsorkit/blob/main/sponsors.svg?raw=true' alt="Logos from Sponsors" /> </a> </p>

Community

Join the Discord server to ask questions, find collaborators, or just say hi!

<a href="https://discord.gg/697JhMPD3t" alt="LayerStack Discord community"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://invidget.switchblade.xyz/697JhMPD3t"> <img alt="LayerStack Discord community" src="https://invidget.switchblade.xyz/697JhMPD3t?theme=light"> </picture> </a>