Day 11 of 180 Days of Data Viz #jfdi

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.

Code Learning:

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.

Three Takeaways

  • 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:

N/A today.  Moving to New York on Friday and had to pack/take care of things.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s