@visx/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 @visx/group

Examples

Patterns

<Pattern />

Radar

<Shape.Line /> + <Shape.LineRadial />

Pies & donuts

<Shape.Pie />

Treemap

<Hierarchy.Treemap />

Stats Plots

<BoxPlot /> & <ViolinPlot />

Radial Lines

<Shape.LineRadial />

APIs

#<Group />

# classNamestring

className to apply to <g/>.

# innerRefRef<SVGGElement>

ref to underlying <g/>.

# leftnumber

Left offset applied to <g/>.

Default 0

# topnumber

Top offset applied to <g/>.

Default 0

# transformstring

Override top and left to provide the entire transform string.

Exports

<Group />

Chart primitives

Layouts & specialized

Interactions

SVG utilities