I’m doing some form of data visualization learning for 180 days straight because I need to #JFDI. See post explaining how and why I’m doing this.
Visualization Worked On or Created:
N/A Today – > Focusing on the completing tutorial/exploration work (finishing Scott Murray’s book, D3.js in Udacity in Treehouse) that will be more mentally taxing when I’m working full-time. Also, moving across the country this week.
Decomposition of a Visualization:
N/A Moving to NY on friday.
Treehouse D3.js Using the SVG Element
Note: I went through copious copius documentation today on SVGs. I feel so much better than I did a few weeks ago when I started all this out.
- By grouping SVG elements together within a g element, positioning, styles, and other attributes applied to the g element are passed down to the children of the SVG.
- Use the G element to simplify your code. The g element is a container used to group objects. Transformations applied to the g element are performed on all of its child elements. Attributes applied are inherited by child elements. In addition, it can be used to define complex objects that can later be referenced with the <use> element.
- Two major uses of the SVG group element is to group and to transform – define a new coordinate system for a set of SVG elements by applying a transformation to each coordinate specified in this set of SVG elements.
Reading and Learning Data Visualization Theoretically/Critically: