@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

<Group />

APIs

#<Group />

# Group.classNamestring | undefinedoptional

className to apply to <g/>.

# Group.innerRef((instance: SVGGElement | null) => void) | RefObject<SVGGElement> | null | undefinedoptional

ref to underlying <g/>.

# Group.leftnumber | undefinedoptional

Left offset applied to <g/>.

Default 0

# Group.topnumber | undefinedoptional

Top offset applied to <g/>.

Default 0

# Group.transformstring | undefinedoptional

Override top and left to provide the entire transform string.