SVG Group Element
  Duration: 8:01
Part of Course: Introductory D3 Course
This Lesson is for subscribers

Svg-group-element_280x158
Unlock this lesson NOW!
  • Get expert advice on SVG Group Element
  • Enjoy access to the complete DashingD3js catalog
  • Start mastering D3.js right now!

Takeaways:

  • The SVG Group Element is used to group SVG Elements together (much like a container)
  • There are two main reasons to use the SVG Group Element - for grouping SVG Elements and for doing transformations to the coordinate space the SVG Elements are in
  • Any transformation applied to the SVG Group Element is applied to all of the child elements contained inside
  • The transformations you can perform on the on the SVG Group Element are based on Linear Algebra
  • The SVG Group Element Translate transformation allows you to move all of the elements inside of the <g> ... </g> a certain numbers of units in the X direction and a certain number of units in the Y direction
  • At a deeper level, what the SVG Group Element transform is doing is transforming the SVG Coordinate Space

This Transcript is for subscribers.

Svg-group-element_280x158
Unlock this D3 Tutorial NOW!
  • Get expert advice on SVG Group Element
  • Enjoy access to the complete DashingD3js catalog
  • Start mastering D3.js right now!
<< Back To D3 Screencast and Written Tutorials Index