Day 145 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

 Eljiah Meeks D3.js in Action

Chapter 1 Intro

  • “Every element on page can be treated with high-level abstractions” p 12
  • D3 utilizes UTF-8 character in its code, so do this to make avoid errors
    • <!DOCTYPE html><meta charset=”utf-8”>
  • Remember: “Three categories of information about each element determine its behavior and appearance: styles, attributes, and properties”
    • Styles can determine transparency, color, size, borders and so on.
    • Attributes typically refer to classes, IDs, and interactive behavior, though some attributions can also determine appearance, dpeneding on which type of element you’re dealing with.
    • Properties typically refer to states, such as the “checked” property of a check box, which is true if the box is checked and false if the box is unchecked” p 14

Chapter 6 Network Visualizations

  • Nodes/Vertices are things being connected.  Link/edges are connections between them.  Importance of node in a network is centrality.  P 176
  • Networks present possibility of many to many connections whereas hierarchal data node can have many children but only one parent p 176
  • In putting together the data model for network data, the most straightforward is an edge list where you really only need source and target columns, but can add other attributes such as weight p 177

Reading and Learning Data Visualization Theoretically/Critically:

The Functional Art: An Introduction to Information Graphics and Visualization by Alberto Cairo

p 271-283 Capitol Infographics

Three Takeaways

  • Think of several ways to show number, including having a table, pictures, and even part to whole charts eg Wapo job search infographics p276
  • Don’t forget how to think about designing across platforms p 278
  • Detailed sketches and wireframes as essential part of process p 283
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