Margin Convention
  Duration: 10:59
Part of Course: Introductory D3 Course
This Lesson is for subscribers

Margin-convention_280x158
Unlock this lesson NOW!
  • Get expert advice on Margin Convention
  • Enjoy access to the complete DashingD3js catalog
  • Start mastering D3.js right now!

Takeaways:

  • Things within the SVG Viewport dimensions are visible
  • Things inside the SVG tags though outside the SVG Viewport dimensions are not visisble, though they still exist as DOM elements
  • The SVG Coordinate Space has the y-axis inverted when compared to the Cartesian Coordinate Space
  • The SVG Group Element has two roles a) a container of SVG elements and b) an SVG element that can define a new coordinate system for the set of its child SVG elements
  • The D3 Margin Convention is a heavily used convention that allows SVG Graphics to have a border of space around the data visualization so that everything is visible and no elements are cut off
  • The D3 Margin Convention defines a margin.top, margin.right, margin.bottom, and margin.left through the use of a JavaScript Object Literal

This Transcript is for subscribers.

Margin-convention_280x158
Unlock this D3 Tutorial NOW!
  • Get expert advice on Margin Convention
  • Enjoy access to the complete DashingD3js catalog
  • Start mastering D3.js right now!
<< Back To D3 Screencast and Written Tutorials Index