Day 45 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.

I’ve definitely reached an inflection point where I’ve started to realize not only the extent of what I don’t really understanding in terms of coding – but also exactly where and better at how to address the gaps.  In the beginning when I was a Hackbright – I went from the classic stage from clueless to following and understanding to being stuck and not knowing where to go.  I hope I am soon on an upswing of awesome in terms of Javascript and D3 (as job depends on it).  This article on Why Learning to Code is So Damn Hard is a good re-read for me and for anyone else on this journey of technical learning.

Code Learning:

D3 Sunburst Diagram Tutorial

Three Takeaways:

  • The sunburst diagram is meant to represent hierarchical data, and it expects to receive and operate on an object that has parent and children nodes”
  • g.append("path")
        .attr("d", arc)
        .style("fill", function(d) { return color((d.children ? d : d.parent).name); })
        .on("click", click);
    This part of our D3 drawSunburst function grabs a variable called g, appends an SVG path to it, gives that path an “d” attribute set equal to thearc function and then colors in the shape drawn by path with some further instructions.
  • var partition = d3.layout.partition(nychaData)
          .value(function(d) { return d.count; });

    The partition layout is part of D3’s family of hierarchical layouts. These layouts follow the same basic structure: the input argument to the layout is the root node of the hierarchy, and the output return value is an array representing the computed positions of all nodes.

Reading and Learning Data Visualization Theoretically/Critically:

Knight Journalism Course for the Americas:  Data Visualization and Infographics with D3! 

Alberto Cairo Week Three Lecture: Functional Viz Part 1-2

Three Takeaways:

  •  What graphic forms are more appropriate to represent your data?
    • 1. Think about the audience and the publication (industry, cultural background, etc.)
    • 2. Think of the questions your graphic should help readers answer
    • 3. Can you understand it without reading every single figure?
  • Don’t get stuck on a singular graphic form for a particular task or message
  • Certain graphic forms allow for better judgements: eg. bar charts, lollipop charts, dot chart, scatter chart, line chart, slope charts
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