Day 165 of 180 Days of Data Viz Learning #jfdi

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

  • d3.rgb() allows us to create color objects p 89
    • teamColor = d3.rgb(“blue”);
    • teamColor = d3.rgb(“#ff0000”)
    • teamColor = d3.rgb(“#rgb(255, 0, 0)”);
    • teamColor = d3.rgb(255, 0, 0);
  • Color objects also have methods .darker() and .brighter()
    • //using the darker and brighter functions in this function produces a darker version of the set color for teams from the same region and lighter colors for teams from different regions
    • function  highlightRegion(d,i) {
      • var teamColor = d3.rgb(“pink”)
        • d3.select(this).select(“text”).classed(“highlight”, true).attr(“y”, 10)
        • d3.selectAll(“g.overallG”).select(“circle”).style(“fill”, function(p) { return p.region == d.region ? teamColor.darker(.75) :  teamColor.brighter(.5)})
      • this.parentElement.appendChild(this);
      • }
  • You do lose your ability to style with CSS when you’re using inline styles.  “As a rule, you should use CSS whenever you can, but if you want access to things like dynamic colors and transparency using D3 functions, then you’ll need to use inline styling” p 90

Reading and Learning Data Visualization Theoretically/Critically:

Edward Tufte Visual Display of Quantitative Information

Chapter Six Data-Ink Maximization and Graphical Design

Three Takeaways

  • You can use range-frames for presenting ranges along a single dimension or just looking at marginal distributions p 132
  • Dot-dash-plots for combining frequency distribution and bivariate distribution and then rug-plots connecting bivariate scatters p 133
  • “Graphics are almost always going to improve as they go through editing, revision, and testing against different design operations.  The principles of maximizing data-ink and erasing generate graphic alternatives and also suggest a direction in which revisions should move.” p 136
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