LayerChart

Composable Svelte chart components to build a large variety of visualizations
ArcChart - gradient-with-text

gradient with text

ArcChart - basic

basic

ArcChart - series-labels

series labels

ArcChart - series-track-color

series track color

AreaChart - brush

brush

AreaChart - curve

curve

AreaChart - funnel

funnel

AreaChart - range-annotation

range annotation

AreaChart - radial

radial

Area - ridgeline-kde

ridgeline kde

AreaChart - series-stack-gradient

series stack gradient

AreaChart - sparkline

sparkline

AreaChart - threshold

threshold

AreaChart - threshold-gradient

threshold gradient

BarChart - duration

duration

BarChart - duration-civilization-timeline

duration civilization timeline

BarChart - gradient

gradient

BarChart - group-series-labels

group series labels

BarChart - labels

labels

BarChart - oscilloscope-frequency

oscilloscope frequency

BarChart - radial-horizontal-duration

radial horizontal duration

BarChart - radial-horizontal-grid-between

radial horizontal grid between

BarChart - radial-vertical-arcpadding

radial vertical arcpadding

BarChart - radial-weather

radial weather

BarChart - series-diverging

series diverging

BarChart - series-horizontal-diverging

series horizontal diverging

BarChart - stack-series

stack series

BarChart - series

series

BarChart - series-horizontal

series horizontal

BarChart - single-dimension

single dimension

BarChart - single-stack-with-indicator

single stack with indicator

BarChart - sparkbar

sparkbar

BarChart - time-scale-interval

time scale interval

Chart - compound-separate-scales-with-stacked-charts-and-overridden-marks

compound separate scales with stacked charts and overridden marks

LineChart - gradient-encoding

gradient encoding

LineChart - large-radial-series

large radial series

LineChart - large-series

large series

LineChart - radar

radar

LineChart - radar-series

radar series

PieChart - arc

arc

PieChart - donut-with-text

donut with text

PieChart - series-props

series props

PieChart - segments

segments

ScatterChart - punchcard

punchcard

ScatterChart - series

series

Axis - axis-label-placement-top-bottom

axis label placement top bottom

Rule - candlestick-with-brushing

candlestick with brushing

Arc - color-wheel

color wheel

Arc - label-direction

label direction

Connector - playground

playground

Marker - styling

styling

Polygon - hexagon

hexagon

Image - us-presidents

us presidents

Calendar - rounded-cells

rounded cells

Hull - geo

geo

TransformContext - pan-zoom-svg-image

pan zoom svg image

BrushContext - sync-brushes-with-bind-xdomain

sync brushes with bind xdomain

Voronoi - radius

radius

LinearGradient - tailwind-colors

tailwind colors

Pattern - circles

circles

Pattern - with-lineargradient

with lineargradient

GeoPath - animated-globe

animated globe

GeoCircle - earthquake-globe

earthquake globe

GeoCircle - playground

playground

GeoPath - bubble-map

bubble map

GeoPath - choropleth

choropleth

GeoPath - spike-map

spike map

GeoPath - eclipses-globe

eclipses globe

GeoPath - submarine-cables-globe

submarine cables globe

GeoPath - timezones

timezones

GeoPath - transform-projection

transform projection

GeoPath - translucent-globe

translucent globe

GeoPath - us-state-with-counties

us state with counties

GeoPoint - icons

icons

GeoPoint - us-airports

us airports

GeoPoint - world-airports

world airports

GeoSpline - draggable-globe

draggable globe

GeoSpline - world-map

world map

GeoTile - clipped

clipped

GeoTile - zoomable-seamless-layers

zoomable seamless layers

Graticule - basic

basic

Chord - gradient

gradient

Dagre - playground

playground

Dagre - tcp-state-diagram

tcp state diagram

ForceSimulation - beeswarm

beeswarm

ForceSimulation - collision-detection

collision detection

ForceSimulation - disjoint-graph

disjoint graph

ForceSimulation - lattice

lattice

ForceSimulation - text

text

ForceSimulation - tree

tree

Pack - basic

basic

Partition - vertical

vertical

Partition - sunburst

sunburst

Sankey - hierarchy

hierarchy

Tree - basic

basic

Treemap - nested-zoom

nested zoom

AnnotationLine - horizontal-with-range

horizontal with range

AnnotationPoint - line-to-point

line to point

AnnotationRange - horizontal-with-fill-multiple

horizontal with fill multiple

AnnotationRange - vertical-with-gradient-range

vertical with gradient range

MotionPath - sync-with-draw

sync with draw