Chart primitives
Layouts & specialized
Interactions
Data utilities
Umbrella package
@vx/group
<Group />
provides a simplified API for SVG <g />
elements, which are containers for other SVG
objects. You may pass in a top
and left
margin (instead of transform={translate(...)}
) and a
className
.
Installation
npm install --save @vx/group
Examples
Patterns
<Pattern />
Radar
<Shape.Line /> + <Shape.LineRadial />
Pies & donuts
<Shape.Pie />
Treemap
<Hierarchy.Treemap />
Stats Plots
<BoxPlot /> & <ViolinPlot />
Radial Lines
<Shape.LineRadial />
Components
APIs
#<Group />
className to apply to <g/>
.
# Group.innerRef
((instance: SVGGElement | null) => void) | RefObject<SVGGElement> | null | undefined
optional ref to underlying <g/>
.
Left offset applied to <g/>
.
Default 0
Top offset applied to <g/>
.
Default 0
Override top
and left
to provide the entire transform
string.