On this page
SveltePlot SveltePlot
Guide
Getting started Why SveltePlot? Examples
Features
Plot Marks Scales Transforms Facets
Marks
Area Arrow Axis Bar Bollinger Box Brush Cell Custom Difference Dot Frame Geo Grid Line Link Pointer Rect Regression Rule Text Tick Vector
Transforms
Bin Filter Group Interval Jitter Map Normalize Select Shift Sort Stack Window
Advanced use
Markers Transforms Projections Interactivity Defaults Gradients

Examples

Sometimes it's easiest to learn a new framework by digging into examples.

Gradient line

Gradient line

Color scatterplot

Color scatterplot

US choropleth map

US choropleth map

Earthquakes

Earthquakes

Streamgraph

Streamgraph

Grouped regression

Grouped regression

Spike map

Spike map

Flow plot

Flow plot

Datawrapper-style ticks

Datawrapper-style ticks

Area

  • AreaX
  • AreaY
  • Simple area
  • Streamgraph

Arrow

  • Bended arrows

Axis

  • Major and minor ticks
  • Tick classes
  • Tick count
  • Tick interval
  • Tick spacing
  • Ticks inside
  • Datawrapper-style ticks

Bar

  • Linked Bars
  • Shuffled Bars
  • Bar defaults

Brush

  • Constrained brush
  • Brush filter
  • Overview and detail
  • Zoomable scatter plot

Cell

  • Cell Plot
  • Responsive cells

Custom Marks

  • Custom SVG marks

Dot

  • Scatterplot
  • Color scatterplot
  • Symbol channel
  • Dot plot
  • Bubble matrix

Geo

  • US choropleth map
  • US choropleth map (canvas)
  • Custom projection
  • Earthquakes
  • Inset and Aspect Ratio

Grid

  • Clipped grid lines

Line

  • Simple line
  • Geo line
  • Gradient line
  • Line grouping
  • Elevation profile

Link

  • Link
  • Spherical Link

Rect

  • Simple rectangles
  • Stacked RectX
  • Stacked RectY

Regression

  • Regression scatterplot
  • Faceted regression
  • Grouped regression
  • Loess regression
  • Log regression

Rule

  • Data rules
  • Min/max rules
  • Y Baseline

Text

  • Frame Anchor
  • CSS variable font size

Vector

  • Spike map
  • Flow plot
Last update at: 2025/07/08 15:29:07