Lean, intuitive, declarative charts, all built in Svelte.
Svelte Charts.
D3 Canvas Histogram with Renderless Components
By Matthias Stahl
Donut Chart
By Connor Rothschild
D3 Line Chart Example
By Sebastian Lammers
Scroll to top ↑
Find great code
Svelte Charts is the place to search for re-usable code snippets for data visualizations and beyond. It's a place to learn from others and grow together. If you write Svelte code to create charts or other visually engaging content, you're right at home.
Share your own
Share your own creations or derivations of things you see here. Did you make a fun little showcase component? A nice custom solution to a common problem? Here you can share it with the community.
How to start
If you want to submit your own creation, you'll need two things: a Github account
→ and a Svelte REPL
→. After you created your REPL and saved it to your account on
svelte.dev/repl
(works also via Github account), copy that URL and come back
here. Then simply login to Svelte Charts with your Github account and submit your REPL
→. We ask you to provide at least a title and a screenshot of your creation. On top, you can
optionally provide a description to make it easier to understand what the main purpose of
your submission is.
Talk to us
If you want to give us feedback or get involved in any other way, we'd love to hear from you →!