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

Hi Friends -

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

Onwards to this week's links...


  • Migrahack: Responsive Data Visualization
    This tutorial will walk you through the process of building a simple news application and publishing it on the web...You will learn to use Backbone JS to structure your applicatifon, Underscore JS to process data, Twitter Bootstrap to structure your markup, and D3 for data visualization.
  • Flight Animation With D3.js
    This is a step by step guide of how to create flight animation on the map, using d3.js Geo and Transition. Everything is rendered in SVG, and you can learn from creating a world map, plotting airports to animating flying planes.

Data Visualization Reading and Videos

  • My (Stupid) Fear We May, One Day, Become Irrelevant
    I happen to click on one of the last links in one of the popular visualization blogs...I give a look at the demo and you know what? There’s nothing there to see...The way I see visualization is as a super powerful discovery tool...But many many visualizations out there show nothing...
  • Implied Stories (and Data Vis)
    Even very simple stories, whatever the discourse form, rely on the reader filling in a lot of invisible holes. Some of the interpretation we do is so "obvious" that only sociologists or cognitive scientists can make explicit the jumps we don't notice we're wired to make...
  • Narrative Charts Tell the Tale…
    A couple of days ago, I got a message from @fantasticlfe asking if I’d done any tinkerings around what turned out to be “narrative charts”. I kept misapprehending what he was after so here’s a summary of various graphical devices for looking at narrative texts that we passed back and forth, along with some we didn’t..
  • The Global Distribution of Terrestrial Mammals
    The map shows the distribution areas of almost all terrestrial mammals - more than 5,000 species in total. The distribution data was obtained from the IUCN Red List of Threatened Species (which in fact lists all known mammals, classified into different categories spanning from low concern to a high risk of extinction).
  • Story: A Definition
    What makes a story? What does a story do? In part one of this little series, I argued that stories and worlds are not opposites, but complements. In this part, I try to explain the differences between worlds and stories, and present a definition.

D3.js Reading and Videos

  • DOM Rendering and JavaScript Physics Engines
    In this post I present some examples of simulating a scene in the DOM that use CSS 3D transforms, but a JavaScript physics engine is used for determining the movement and rotation of the individual elements (in this case D3 charts, but it could be any HTML element really).
  • Wrapping Axis Labels In D3.js
    D3.js is our weapon of choice for most user-facing data visualizations. One shortcoming we encountered early on when building bar charts was the overlap of long labels on axes created from ordinal scales... After looking into custom text-wrapping routines and SVG foreign objects, we eventually went with an alternative HTML-based approach...
  • R/qtlcharts - Interactive Charts For xQTL Data
    R/qtlcharts is an R package to create D3-based interactive charts for xQTL data, for use with R/qtl...The interactive visualizations are built with the JavaScript library D3, and are viewed in a web browser. We are targeting Chrome and Safari and, as much as possible, Firefox.

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