Examples by package
@vx/axis@vx/brush@vx/chord@vx/clip-path@vx/curve@vx/drag@vx/event@vx/geo@vx/glyph@vx/gradient@vx/grid@vx/group@vx/heatmap@vx/hierarchy@vx/legend@vx/marker@vx/mock-data@vx/network@vx/pattern@vx/point@vx/react-spring@vx/responsive@vx/scale@vx/shape@vx/stats@vx/text@vx/threshold@vx/tooltip@vx/voronoi@vx/zoomAreaClosed
<Shape.AreaClosed />
Axes & scales
<Axis.AxisBottom />
Bar Group
<Shape.BarGroup />
Bar Group Horizontal
<Shape.BarGroupHorizontal />
Bar Stack
<Shape.BarStack />
Bar Stack Horizontal
<Shape.BarStackHorizontal />
Bars
<Shape.Bar />
Brush
<Brush />
Chord
<Chord.Chord /> & <Chord.Ribbon />
Curves
<Curve.* /> <Shape.Line />
Dendrograms
<Hierarchy.Cluster /> + <Shape.LinkVertical />
Dots
<Shape.Circle />
Drag ii
<Drag.Drag />
Drag i
<Drag.Drag />>
Custom Geos
<Geo.CustomProjection />
Preset Geos
<Geo.Mercator />
Glyphs
<Glyph.GlyphDot />
Gradients
<Gradient.LinearGradient /> <Gradient.RadialGradient />
Heatmaps
<HeatmapCircle /> & <HeatmapRect />
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 />
Radial Lines
<Shape.LineRadial />
Link Types
<Shape.Link* />
Network
<Network.Graph />
Pack
<Hierarchy.Pack />
Patterns
<Pattern />
Pies & donuts
<Shape.Pie />
Polygons
<Shape.Polygon />
Radar
<Shape.Line /> + <Shape.LineRadial />
Responsive
<Responsive.ParentSize />
SplitLinePath
<Shape.SplitLinePath />
Stacked Areas
<Shape.AreaStack />
Stats Plots
<BoxPlot /> & <ViolinPlot />
Streamgraph
<Shape.Stack />
Flexible SVG Text
Text
<Text.Text />
Area difference chart
<Threshold />
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 />
Treemap
<Hierarchy.Treemap />
Trees
<Hierarchy.Tree /> + <Shape.LinkHorizontal />
Voronoi overlay
<Voronoi.VoronoiPolygon />
Based on Mike Bostock's Pan & Zoom III
Zoom
<Zoom />