Filter
annotationaxisbrushchordclip-pathcurvedrageventgeoglyphgradientgridgroupheatmaphierarchylegendmarkermock-datanetworkpatternpointreact-springresponsivescaleshapestatstextthresholdtooltipvoronoiwordcloudzoomCurves
<Curve.* /> <Shape.Line />
Bars
<Shape.Bar />
Dots
<Shape.Circle />
Patterns
<Pattern />
AreaClosed
<Shape.AreaClosed />
Stacked Areas
<Shape.AreaStack />
Axes & scales
<Axis.AxisBottom />
Chord
<Chord.Chord /> & <Chord.Ribbon />
Streamgraph
<Shape.Stack />
Size
0
2.5
5
7.5
10
Quantile
0 - 0.03
0.03 - 0.06
0.06 - 0.09
0.09 - 0.12
0.12 - 0.15
Linear
0.0
5.0
10.0
Threshold
More than 0.08
0.06 to 0.08
0.04 to 0.06
0.02 to 0.04
0.01 to 0.02
Less than 0.01
Ordinal
A
B
C
D
Custom Legend
a
b
c
d
e
Legends
<Legend />
Area difference chart
<Threshold />
Annotation
<Annotation />
Treemap
<Hierarchy.Treemap />
Based on Mike Bostock's Pan & Zoom III
Zoom
<Zoom />
Radial Lines
<Shape.LineRadial />
Drag i
<Drag.Drag />>
Bar Group
<Shape.BarGroup />
Bar Group Horizontal
<Shape.BarGroupHorizontal />
Pies & donuts
<Shape.Pie />
Brush
<Brush />
Bar Stack
<Shape.BarStack />
Bar Stack Horizontal
<Shape.BarStackHorizontal />
Dendrograms
<Hierarchy.Cluster /> + <Shape.LinkVertical />
Drag ii
<Drag.Drag />
XYChart
<XYChart />
Custom Projection
<Geo.CustomProjection />
AlbersUsa
<Geo.AlbersUsa />
Mercator
<Geo.Mercator />
Glyphs
<Glyph.GlyphDot />
Gradients
<Gradient.LinearGradient /> <Gradient.RadialGradient />
Heatmaps
<HeatmapCircle /> & <HeatmapRect />
Link Types
<Shape.Link* />
Network
<Network.Graph />
Pack
<Hierarchy.Pack />
Polygons
<Shape.Polygon />
Radar
<Shape.Line /> + <Shape.LineRadial />
Responsive
<Responsive.ParentSize />
SplitLinePath
<Shape.SplitLinePath />
Stats Plots
<BoxPlot /> & <ViolinPlot />
Flexible SVG Text
Text
<Text.Text />
Move me with your mouse or finger
left 0px top 0px
left 0px top 0px
I have an annoying z-index. Try 🥳
Tooltip
<Tooltip /> + <Portal />
Trees
<Hierarchy.Tree /> + <Shape.LinkHorizontal />
Voronoi overlay
<Voronoi.VoronoiPolygon />
Wordcloud
<Wordcloud />