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

Hi Friends -

Welcome to the thirty-fifth issue of's Weekly Newsletter

Onwards to this week's links...


  • Winds of Change
    Big data, the idea that the world is replete with more information than ever, is now all the rage... A new generation of statisticians and designers—often the same person—are working on computer technologies and visual techniques that will depict data at scales and in forms previously unimaginable. The simple line graph and pie chart are being supplemented by things like colourful, animated bubble charts, which can present more variables.
  • Two Tables - Understanding D3.js Selections
    Peter Cook explains D3.js Selections: Below are two HTML tables. Each table contains row (tr) elements and each row contains data (td) elements. Examples of selecting the tables using D3's .select() and .selectAll() are shown to the right.

Data Visualization Reading and Videos

  • How to Make Data Visualization Better with Gestalt Laws
    The human mind’s affinity for making sense of the objects it sees can be explained in a theory called Gestalt psychology. Gestalt psychology, also referred to gestaltism, is a set of laws that accounts for how we perceive or intuit patterns and conclusions from the things we see. ... In this guide, we will talk about how to apply the principles of Gestalt to create better charts, graphs, and data visualization graphics.
  • Replicating a New York Times d3.js Chart with Tableau
    I am a huge, HUGE, fan of the visual design work created at the New York Times. Much of their interactive work is created with d3.js which I haven't learned and had always hoped that eventually I might be able to produce something similar with Tableau. Well, I think I have. It's not perfect, but it's close.
  • 3 Key Players You’ll Need to Build a Data Journalism Team
    So if you’re running a news organization that wants to start doing data journalism, how should you proceed? At the recent American Society of News Editors conference in Washington, I argued that news leaders need to think about three dimensions of data journalism — and three different types of journalism skills...

D3.js Reading and Videos

  • Visualizing Data Uncertainty: An Experiment with D3.js
    In this post, I’d like to discuss some different ways to use uncertain data in simple visualizations. Although there can be value in data “vizzes” that tell a story, for this post I’ll consider that the purpose of a data viz is to: Tell the truth, the whole truth, and nothing but the truth or more specifically, Visually convey the data as completely as possible, so not to mislead the viewer.
  • Tooling for the Lazy Programmer: DRYing up D3
    D3.js is a powerful, extensible library for data visualization. It makes some fairly advanced data visualization ideas available to anybody who can bind data to DOM elements. ... However, D3 achieves this amazing breadth of utility through a an unconventional programming pattern....
  • Reusable D3.js, Part 1: Using AttrTween, Transitions and MV*
    A few months ago, I came across Mike Bostock’s Point-Along-Path Interpolation example, which I was quite intrigued by it. ... I thought that writing about how to re-work the Point-Along-Path Interpolation example using a reusable D3.js approach might make an interesting blog post, or at least a good way to illustrate what I learned about modular & reusable D3.js....
  • Reusable D3.js, Part 2: Using AttrTween, Transitions and MV*
    In Part 1 of this series (see above link) we covered the data and the model in D3.js, including the and the general code pattern used in d3.cloudshapes.patternData. We also looked at the Using AttrTween, Transitions and MV* in Reusable D3 Demo Gist demo that I created. In this post, we’ll dive deeper into the D3.js used in our demo, starting off with the View, and then covering the Controller and Process.

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