https://github.com/techniq/layerchart

Composable Svelte chart components to build a large variety of visualizations
https://github.com/techniq/layerchart

d3 svelte svelte-components

Last synced: 26 days ago
JSON representation

Composable Svelte chart components to build a large variety of visualizations

• Host: GitHub
• URL: https://github.com/techniq/layerchart
• Owner: techniq
• License: mit
• Created: 2021-08-12T02:40:40.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2025-05-12T12:18:54.000Z (27 days ago)
• Last Synced: 2025-05-12T12:28:46.481Z (27 days ago)
• Topics: d3, svelte, svelte-components
• Language: Svelte
• Homepage: https://www.layerchart.com
• Size: 12.2 MB
• Stars: 865
• Watchers: 6
• Forks: 21
• Open Issues: 111
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-svelte - LayerChart - Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake (UI Components / Charts)

README

        
# LayerChart

![](https://img.shields.io/github/license/techniq/layerchart?style=flat)

[![](https://img.shields.io/npm/v/layerchart?style=flat)](https://www.npmjs.com/package/layerchart)

![npm](https://img.shields.io/npm/dw/layerchart?style=flat&color=orange)

![](https://img.shields.io/github/license/layerchart?style=flat)

[![](https://dcbadge.vercel.app/api/server/697JhMPD3t?style=flat)](https://discord.gg/697JhMPD3t)

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](http://svelte-ux.techniq.dev) 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:



  

    

  



## Community

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