🇺🇸English

LayerChart Svelte 5

Docs: next.layerchart.com (NOT layerchart.com - that's Svelte 4)

Install

npm i layerchart@next d3-scale

CRITICAL : Use @next tag. Stable (1.x) is Svelte 4 only.

Quick Start

<Chart {data} x="date" y="value" tooltip={{ mode: 'bisect-x' }}>
	<Svg><Area class="fill-primary/20" /><Highlight points /></Svg>
	<Tooltip.Root>{#snippet children({ data })}{data.value}{/snippet}</Tooltip.Root>
</Chart>

Core Patterns

• Tooltip : {#snippet children({ data })} - NOT let:data
• Chart context : {#snippet children({ context })}
• Gradient : {#snippet children({ gradient })}
• Enable tooltip : tooltip={{ mode: 'band' | 'bisect-x' }}
• Type data : {#snippet children({ data }: { data: MyType })}

Tooltip Modes

References

• full-patterns.md - Area, Bar, Pie, Calendar
• tooltip-modes.md - All modes
• graph-patterns.md - ForceGraph, zoom/pan

Weekly Installs

102

Repository

spences10/svelt…ills-kit

GitHub Stars

63

First Seen

Jan 20, 2026

Security Audits

Gen Agent Trust HubPassSocketPassSnykPass

Installed on

opencode87

gemini-cli76

claude-code73

codex72

cursor66

github-copilot66