Day 163 of 180 Days of Data Viz Learning #jfdi #dataviz

I’m doing some form of data visualization learning for 180 days because I need to #JFDI.

See post explaining how and why I’m doing this.

Code Learning:

Three Takeways

Chapter 3 Data-Driven Design and Interaction
  • Example of a chained transition to improve legibility of data viz: p 86
        teamG
             .append(“circle”).attr(“r”, 0)
             .transition()
             .delay(function(d, i) { return i * 100})
             .duration(500)
             .attr(“r”, 40)
             .transition()
             .duration(500)
             .attr(“r”, 20);
  • Getting access to DOM elements in a selection can be accomplished in two ways
    • Using the .node() function
    • Using the this in the inline functions
  • “Inline functions always have access to the DOM element along with the data point and array positioning of that data point in the bound data.  The DOM element, in this case, is represented by this.  We can see it in action using the .each() function of a selection, which performs the same code for each element in a selection.” p 86

Reading and Learning Data Visualization Theoretically/Critically:

Edward Tufte Visual Display of Quantitative Information

Chapter Four Theory of Data Graphics
Three Takeaways
  • “Bilateral symmetry doubles the space consumed by the design in a graphic, without adding new information.” p 97
  • “Redundancy, upon occasion, has its uses: giving a context and order to complexity, facilitating comparisons over various parts of the data, perhaps creating an aesthetic balance.” p 98
  • Five principles of theory of data graphics
    • Above else show the data
    • Maximum the data-ink ratio
    • Erase non-data-ink
    • Erase redundant data-ink
    • Revise and edit p 105
Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s