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

Hi Friends -

Welcome to issue 87 of the Weekly Newsletter

Onwards to this week's links...


  • I Hate Stacked Area Charts
    I keep seeing stacked area charts in my travels around the ’net...They have big blocks of color to attract the eye, and they don’t look as stodgy as their sibling, the stacked column chart. But I find them often misleading, even when their creator doesn’t intend them to be...
  • NYC Taxis: A Day In The Life
    This visualization displays the data for one random NYC yellow taxi on a single day in 2013. See where it operated, how much money it made, and how busy it was over 24 hours...Made with Mike Bostock's D3 + Leaflet, KoGor's Marker Animation Along SVG Path, and Mapbox.

Data Visualization Reading and Videos

  • The Architecture Of Open Source Applications - Processing.js
    Originally developed by Ben Fry and Casey Reas, the Processing programming language started as an open source programming language (based on Java) to help the electronic arts and visual design communities learn the basics of computer programming in a visual context...
  • Visualization Education Mailbag
    It's around that time of year when more people than usual ask for advice about degrees in statistics, career paths in visualization, and how to get started with something that looks awesome...I'll try to answer the more common questions.
  • Digital Storytelling: Story Types & Best Practices
    What is the future of storytelling and which possibilities are out there to cover stories with the help of data and multimedia? Gregor Aisch, a New York Times graphics editor, talked about different types of stories at the Netzwerk Recherche conference in Hamburg and shared his insights and best practices form across NYT and other publications. Here’s an overview (you will find links to all examples here)...
  • Federal Inmate Statistics Visualized
    As of May 24, 2014 there were 216,381 Federal Inmates in the USA. The Federal Bureau of Prisons released a pretty nice portal with stats on Age, Citizenship, Gender, etc. and created some basic data visualizations. The visualizations look quite horrible and include too many pie charts, so I decided to redo some of them.

D3.js Reading and Videos

  • Topotime Gallery & Sandbox
    A pragmatic data model, D3 layout, and Python functions for representing complex and/or uncertain periods and events.
  • Kinetics Of The Boston Marathon
    I found an interesting data set on the Boston Marathon website that I wanted to explore to see if I could understand more about how elite runners run the race. This post explains the data I collected and the resulting visualization I created to map the kinetics of the top finishers in the marathon. The full data visualization can be found here.
  • Seattle Awake
    This map visualizes opening hours for businesses in Seattle over a full day. It helps us to identify patterns of activity and centers of commerce...The data extraction, API consumption and geolocation for streets and boundaries was written in Python, and the visualization was written in JavaScript and D3...
  • Converting An R Hclust Object Into A D3.js Dendrogram
    I’ve been doing a lot of hierarchical clustering in R and have started to find the the standard dendrogram plot fairly unreadable once you have over a couple of hundred records. I’ve recently been introduced to the D3.js gallery and I wondered if I could hack something better together....
  • Notes On Animating Line Charts With D3
    “Unrolling” line charts are everywhere - where the lines gradually enter from origin, point by point. This is the world’s favourite way of animating a line chart, particularly as it makes a ton of sense when graphing a time series. d3 tends to transition line charts really weirdly, though. So what is d3 actually doing when creating transitions on line charts, and how can we make them prettier?

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