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

Hi Friends -

Welcome to the fifty-fourth issue of's Weekly Newsletter

Onwards to this week's links...


  • Ranked-choice Voting Visualized
    Writing a computer algorithm to count ranked-choice ballots isn’t exactly rocket science. It’s intro-level computer science. It turns out that there are way more interesting things you can do with the data file Minneapolis released last week showing all the votes in the Minneapolis mayor’s race. Things like this...
  • Getting Beyond Hello World With D3.js
    About a year ago I proposed a very simple template to start working with d3. But is that the way I actually work? Of course not...So in this article I will present you the template I actually use.

Data Visualization Reading and Videos

  • ggplot2: Cheatsheet For Scatterplots
    The graphics package ggplot2 is powerful, aesthetically pleasing, and easy to use. Since I constantly forget the options that I need to customize my plots, this next series of posts will serve as cheatsheets for scatterplots, barplots, and density plots.
  • Data Textualization – Making Human Readable Sense of Data
    A picture may be worth a thousand words, but whilst many of us may get a pre-attentive gut reaction reading from a data set visualized using a chart type we’re familiar with, how many of us actually take the time to read a chart thoroughly and maybe verbalize, even if only to ourselves, what the marks on the chart mean, and how they relate to each other?
  • On How to Read a (Good) Map
    Just as you shouldn’t trust everything you read or see on television, you should never blindly trust information just because it is on a map. Read on for my suggestions on how to approach a map you encounter for the first time and how to find the signs of good mapmaking, as in this great NASA map of the California Rim Fire...
  • Using Data To Measure Heartbreak Is A Beautiful Bummer
    Interactive editor Lam Thuy Vo created a blog called Quantified Breakup after her recent relationship dissolution to her breakup behavior. Quantified Breakup uses data sets and graphs to organize Vo’s response to her split, and the results are fascinating...
  • The Future Of OpenStreetMap
    What will OpenStreetMap (OSM) look like in 2018? Will it beat Google Maps in popularity or will it just grow into a larger community as more people will start using OSM for their own benefit? In short: what will the future bring OSM?

D3.js Reading and Videos

  • A Tree Implemented Using D3.js
    This piece blurs the distinction between generative art and data visualisation. Structurally this is a binary tree and each branch is generated algorithmically. Some randomness is incorporated making it look more like a real tree. Built by Peter Cook using D3.
  • Cooperative Brushing and Tooltips in D3.js
    Both brushes and tooltips can be an important part of creating dynamic D3 visualizations. This post is going to give an example of how to use both cooperatively, with a solution inspired by Mike Bostock's remarks here. First, the finished product...
  • DataMaps
    Customizable SVG map visualizations for the web in a single JavaScript file using D3.js

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