# techniq/layerchart

Composable Svelte chart components to build a large variety of visualizations

Repository: https://github.com/techniq/layerchart
Canonical: https://ross.abutalabs.com/products/layerchart
Homepage: https://www.layerchart.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: d3, svelte, svelte-components
Last push: 2026-08-26T18:21:53+00:00

## Health v2 (maintenance only)
Score: 95/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 99, release rhythm 86, longevity 100
- inputs: {"age_days": 1847, "days_push": 7, "days_rel": 13, "gap_med": 0.0, "n_releases_24m": 113}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1305, forks 41 (observed 2026-08-28T04:04:18.628163+00:00)

## What it is
LayerChart is a collection of composable Svelte chart components for building a wide variety of visualizations, including cartesian, radial, hierarchical, graph, geo, and calendar charts. It leverages d3 concepts and supports both SVG and Canvas rendering.

## Use cases
- build line, bar, area, and scatter charts in a Svelte app
- create pie, radar, and arc charts
- visualize hierarchies with treemaps, trees, and sunbursts
- render geographic maps like choropleths and globes
- build Sankey and force-directed graph diagrams
- make interactive charts with brushing, tooltips, and zoom
- create sparklines and calendar visualizations

## When to choose
- you are building charts in a Svelte or SvelteKit application
- you want composable, low-level chart building blocks rather than fixed chart types
- you need a broad range of chart families including geo and graph layouts

## When to avoid
- your project uses React, Vue, or another non-Svelte framework
- you need a zero-configuration charting solution with minimal code
- you need server-side chart image generation

## Facets
- artifact type: library
- maturity: active
- function: data-visualization, charts, ui-components
- domain: data-visualization, frontend, web-development
- platform: browser
- tags: svelte, d3, chart-components, svg, canvas, typescript, web-server, nodejs

## Member repositories
- techniq/layerchart (main) score 95

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:18.628163+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:51:05.072257+00:00, confidence not recorded.
  - readme: https://github.com/techniq/layerchart (fetched 2026-08-28T04:04:18.628163+00:00, sha b23a17de4462)
  - homepage: https://www.layerchart.com (fetched 2026-08-29T12:09:27.027350+00:00, sha f04041a74de9)
  - site_page: https://www.layerchart.com/docs (fetched 2026-08-29T12:09:27.036776+00:00, sha 658a5985fe57)
  - site_page: https://www.layerchart.com/docs/getting-started (fetched 2026-08-29T12:09:27.038649+00:00, sha 7b0e454555f5)
  - site_page: https://www.layerchart.com/docs/examples (fetched 2026-08-29T12:09:27.040275+00:00, sha 44136fa355b3)
  - site_page: https://www.layerchart.com/docs/components/ArcChart/gradient-with-text (fetched 2026-08-29T12:09:27.041876+00:00, sha 286c286fa113)
  - site_page: https://www.layerchart.com/docs/components/ArcChart/basic (fetched 2026-08-29T12:09:27.043400+00:00, sha d45daaada8cc)
  - site_page: https://www.layerchart.com/docs/components/ArcChart/series-labels (fetched 2026-08-29T12:09:27.045217+00:00, sha 81e6e578a887)
  - site_page: https://www.layerchart.com/docs/components/ArcChart/series-track-color (fetched 2026-08-29T12:09:27.047186+00:00, sha 1717707994dd)
  - site_page: https://www.layerchart.com/docs/components/AreaChart/brush (fetched 2026-08-29T12:09:27.049175+00:00, sha 689eb22506e3)
- Data as of 2026-08-30T08:39:29.467469+00:00.