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: 4 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 5 years ago)
• Default Branch: main
• Last Pushed: 2026-06-30T21:22:46.000Z (5 days ago)
• Last Synced: 2026-06-30T23:11:28.988Z (5 days ago)
• Topics: d3, svelte, svelte-components
• Language: Svelte
• Homepage: https://www.layerchart.com
• Size: 351 MB
• Stars: 1,230
• Watchers: 7
• Forks: 39
• Open Issues: 86
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-side-quests - techniq/layerchart
• awesome-svelte - LayerChart - Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake (UI Components / Charts)
• awesome - techniq/layerchart - Composable Svelte chart components to build a large variety of visualizations (Svelte)

README

          
# **LayerChart**

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

![](https://img.shields.io/npm/v/layerchart?style=flat&logo=npm&logoColor=red&color=red) ![](https://img.shields.io/npm/dy/layerchart?style=flat&color=red&label=%20) [![](https://img.shields.io/npm/dm/layerchart?style=flat&color=red&label=%20)](https://www.npmjs.com/package/layerchart) [![](https://img.shields.io/npm/dw/layerchart?style=flat&color=red&label=%20)](https://www.npmjs.com/package/layerchart)

[![GitHub Repo stars](https://img.shields.io/github/stars/techniq/layerchart?style=flat&logo=github&color=gray&label=Stars)](https://github.com/techniq/layerchart)

[![Discord](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fdiscord.com%2Fapi%2Finvites%2F697JhMPD3t%3Fwith_counts%3Dtrue&query=approximate_member_count&label=Discord&suffix=%20members&color=5865F2&logo=discord)](https://discord.gg/697JhMPD3t) [![Discord](https://img.shields.io/discord/920755200552226868?&label=%20&style=flat&color=5865F2)](https://discord.gg/697JhMPD3t)

[![Bluesky followers](https://img.shields.io/bluesky/followers/techniq.dev?style=flat&logo=bluesky&color=blue&label=Bluesky)](https://bsky.app/profile/techniq.dev)

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

- Cartesian (Area, Bar, Line, Scatter)

- Radial/polar charts (Arc, Area, Bar, Line, Radar, Pie)

- Hierarchical (Pack, Partition, Tree, Treemap)

- Graph (Dagre, Force, Sankey)

- Geo (Choropleth, Spike, Bubble, Point, Globe)

- Calendar

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!