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

Hi Friends -

Welcome to the 82nd issue of's Weekly Newsletter

Onwards to this week's links...


  • Visualizing MBTA Data: An Interactive Exploration Of Boston's Subway System
    Boston operates the 4th busiest subway system in the U.S. after New York, Washington, and Chicago. The MBTA recently began publishing substantial amount of subway data through its public APIs...The following visualizations use data captured from these feeds for the entire month of February, 2014...We attempt to present this information to help people in Boston better understand the trains, how people use the trains, and how the people and trains interact with each other.
  • Building A Responsive SVG Map With D3
    For the 2014 local and european elections, we wanted to build rich visual components that tell the election results in an easy to understand way. One of those visual components is a fully responsive map, built with SVG. We learned a lot building it so wanted to share with you some information about how we did it.

Data Visualization Reading and Videos

  • Interactive International Population Pyramids With R & rCharts
    I find population pyramids to be very effective teaching tools. In short, a population pyramid is a type of chart that shows the population size of different age cohorts on the x-axis, with gender usually displayed back-to-back to create the shape of a "pyramid."...Below, I'll discuss how to use the script.
  • Improving On A Pair Of Pie Charts
    Stephen Few explains at length in his article, Save the Pies for Dessert, how scientific studies show there are very few instances in which information could not be conveyed better using either a table or bar chart...The examples that follow are alternatives designed by me. It was assumed, given the original use of pie charts, that the primary goal was to communicate proportions and the part-to-whole relationships rather than absolute values.

D3.js Reading and Videos

  • Wikistalker
    Wikistalker, a reinterpretation of ‘Web Stalker‘, is a visualization of the meta-structure of Wikipedia articles. In this visualization, a ‘sun’ in generated for each article. Each ray represents an out-going link. The length of each link shows the semantic relevance between those two linked articles based on ‘Wikipedia Miner‘ measures. This project is implemented in HTML5 using d3.js.
  • D3.Js + Websocket For Live Web Applications
    Erlang Cowboy allows Erlang to send data to web clients live using Websocket. In this talk I will show how to combine the power of Cowboy and D3.js to create web applications that update live in near real-time, with a very minimal amount of code required.
  • Databench
    Databench is a data analysis tool using Flask, Socket.IO and d3.js with optional parallelization with Redis Queue and visualization with mpld3. Check out the live demos.
  • Fun With ANTLR, Undertow, And D3.js For Musics
    Stuck in mid-90's rap for some time now I thought it'd be interesting to see if I could write a simple grammar to parse the lyrics of a Busta Rhymes song. I wasn't going to do much but visualize it so I didn't reach for any standard NLTK out there.
  • Accelerate, Then Coast III
    An example of Accelerate, Then Coast easing. In comparison to cubic-in-out easing, accelerate-then-coast easing restricts the maximum angular speed of the gears. Linear easing also uses constant speed, but lacks slow-in and slow-out. Use the radio buttons to compare easing functions.

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