Data Visualization and D3.js Newsletter Issue 13 Weekly Data Visualization and D3.js Newsletter

Hi Friends -

Welcome to the thirteenth issue of's Weekly Newsletter .

Onwards to this week's links...


  • Deb Roy: The Birth of a Word
    This TED Video with great visualizations is about MIT researcher Deb Roy and how he wanted to understand how his infant son learned language -- so he wired up his house with videocameras to catch every moment (with exceptions) of his son's life, then parsed 90,000 hours of home video to watch "gaaaa" slowly turn into "water."  Astonishing, data-rich research with deep implications for how we learn.
  • Visualization of Beijing Air Pollution
    A D3.js Data Visualization by Scott Chen. This interactive visualization demonstrates the intensity distribution of several major pollutants in Beijing during October 17 and October 30, 2012. (Data + Code are included)

Data Visualization Reading and Videos

  • The Power and Danger of Data Visualization
    When you work with data, you have to be careful. How do we analyze this data? How do we look at it to get an accurate picture of what’s going on? It’s incredibly easy when you start adding in different dimensions, to completely get the wrong insight from a specific batch of data ... With the growing trend of visualizing data to make a point that can be far less dramatic with a table filled with numbers, this can become even more dangerous ... My favorite examples of data visualizations leading people to the wrong conclusions are maps.
  • Data Visualisation Tools and Trends to Watch: An Interview with has grown to be one of the most relevant and popular websites in Europe dedicated to developments in the field of data visualisation. We interviewed Benjamin Wiederkehr, founding partner of and of the design studio Interactive Things, to pick his brains about everything a data journalist should know about tools, trends, dos and don’ts in data visualisation.
  • peoplemoving - Migration Flows Across The World
    peoplemovin shows the flows of migrants as of 2010 through the use of open data (see Data Sources). The data are presented as a slopegraph that shows the connections between countries. The chart is split in two columns, the emigration countries on the left and the destination countries on the right. The thickness of the lines connecting the countries represents the amount of immigrated people.
  • NFL salaries by team and position – Interactive Data Visualization
    The National Football League has a salary cap, an upper limit on what teams can spend on their players, of $120.6m. But where the teams choose to spend that money is entirely up to them. Some, like Tampa Bay, overload their offense, while others invest heavily in defense. These figures are based on individual 'cap hit' numbers which include base salary and bonuses for the 2012-13 season.

D3.js Reading and Videos

  • Dynamic Visualization LEGO (DVL)
    DVL is a free functionally reactive library written in JavaScript. DVL is based on the idea that data, not control flow is the most important aspect of a program focused on data visualization. DVL is built on top of D3.js to allow for dynamic data binding to the DOM.
  • Update D3.js Data Dynamically with a Button Click
    You're going to enjoy this tutorial. Mainly because it takes the traditional graph that we know, love and have been familiar with since childhood and adds in an aspect that that has been missing for most of your life. Animation
  • How To Get a Significant Correlation Value by Moving Just One Point Around
    Have you ever seen these scatterplots that report a significant correlation between X and Y, but it looks like it's just the one point to the upper-right driving the correlation? Thanks to this interactive Scatterplot D3.js tool, you too can do this at home. Click anywhere in the picture, and the red dot will move.
  • Timeline visualization of 2010 Christchurch New Zealand Earthquakes
    This map & chart shows earthquakes (magnitude 3.0 or greater) that occurred in the Canterbury region of New Zealand during the month of September, 2010. The shade of the map circles show the depth of the earthquake. Lighter shades are shallower and darker shades are deeper.  Create a earthquake time range by clicking and dragging on the timeseries.
  • Infro.js: Filtering Tabular Data
    Javascript visualisation tool for anomalies and patterns in tabular data, using D3.js ... Infro is a Javascript library that uses the excellent D3 library to help drill into tabular data sets to find inconsistencies and anomalies. It provides an interface to filter on both discrete and continuous aspects of the data, while visualising metrics on that data.


Hope that you had a great past week and that next week is even better!

Wishing you the best, 
Sebastian Gutierrez

Want to better understand this topic?
Check out these super-useful D3.js Screencast Videos (1 in 3 are free...)
=> D3 Screencasts Videos