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

Hi Friends -

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

Onwards to this week's links...


  • An Overused Chart, Why It Fails And How To Fix It
    Chris P. found this "death spiral" chart dizzying...It's one of those charts that has conceptual appeal but does not do the data justice...The message is there in the chart but the reader has to work hard to find it. Why doesn't this spider chart work? We can be more precise...
  • Model.js
    A new library for building reactive data visualizations with D3.js. This library was created in order to cleanly define reactive model-driven d3 data visualizations. This is a model inspired by Backbone and reactive programming, with D3.js examples.

Data Visualization Reading and Videos

  • Easy Bullet Charts in Excel
    This method uses in-line graphing with Excel, so the graphs don’t move out of alignment or require extensive size and positioning, like the others I mentioned above. We’re using conditional formatting to make these, peeps (and it works in Excel 2010, too!).
  • Visualizing Dynamic Behavior Flow In Games
    One of the most important challenges in game analytics is to take the power of quantitative analysis and place it into the hands of everyone, not just trained analysts. In this post we describe the process of developing a method for generating behavioral profiles of player, and visualize how they over time migrate between these profiles.
  • 30 Simple Tools For Data Visualization
    Here are 30 different notable pieces of data visualization software good for any designer's repertoire. They're not just powerful; they're easy to use.
  • Whirlwind Tour Of Scalable Vector Graphics
    In this Fluent 2014 session, Marc Grabanski walks through the essential building blocks of SVG (Scalable Vector Graphics). Then we'll dive into transforms and matrices and how to manage the transform stack. We'll also learn how to script against SVG.

D3.js Reading and Videos

  • Last Letter of First Names - 1880 through 2012
    A D3 recreation of David Taylor's visualization The meteoric rise of boys' names ending in 'n'. The chart shows the number of children born with names ending in each letter. Adjust the slider to change the year. Toggle the checkboxes to show boys, girls, or both.
  • Choropleths And D3.js
    Choropleths are a great way to get a really clear depiction of how a statistic varies by location...To have the map dynamically change with new data values, we need the map to be composed of DOM elements whose styles can be manipulated based on changing data. D3.js gives us ways to do exactly that, and more. The approach consists of three components...
  • Gradient Along Stroke
    This D3/svg example demonstrates how to create a gradient that follows a stroke. This technique is sometimes used to indicate directionality along a curved edge, such as with hierarchical edge bundling.
  • Fitts's Bar, I
    Typical bar charts have issues with Fitts's law for interactions. That is that the area of the bar prevents the user from easily moving from one bar to the other. Additionally when the bars are at some minimum area (or there is no area), the user may be unable to interact with the 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