g

The g SVG element is a container used to group other SVG elements.

Transformations applied to the g element are performed on its child elements, and its attributes are inherited by its children. It can also group multiple elements to be referenced later with the use element.

This element only includes global attributes

Usually, this element is created with:

const g = parentElement.add('g')

It's possible to create it as a disconnected element with gySVG('g') and attach it to the SVG document with .attachTo().

More info: mdn (opens new window) | w3c (opens new window)

• Parent elements: a | defs | g | marker | mask | pattern | svg | switch | symbol.

• Child elements: a | animate | animateMotion | animateTransform | circle | clipPath | defs | desc | discard | ellipse | filter | foreignObject | g | image | line | linearGradient | marker | mask | metadata | mpath | path | pattern | polygon | polyline | radialGradient | rect | set | stop | style | svg | switch | symbol | text | title | use | view.