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

Hi Friends -

Welcome to the fortieth issue of's Weekly Newsletter

Onwards to this week's links...


  • Cloud of Atlases
    We’ve removed the legends and all other telltale labels from the maps below, and challenge you to guess what each map depicts using only clues contained within the maps: the color-coding, names, landmarks, and whatever else you can detect. Here’s one clue to get you started: None of the maps represent gross national anything.
  • Ember and D3 - Building A Simple Dashboard
    Last night I gave a talk at the Boston Ember.js meetup group. Here are the materials (slides, demo, video & github code) from my presentation. Demo: Each part is self-contained, so you can view source to see exactly what’s going on: Part 1 - Scaffolding; Part 2 - Datepicker; Part 3 - Data from routes; Part 4 - Data within routes; Part 5 - Flexibility.

Data Visualization Reading and Videos

  • Data Visualization: Beneficial But Perilous
    There's something about data visualizations that make people trust them more than they should...more and more people, including those with little or no training in data analysis, are creating such visualizations. That's due to the proliferation of tools, some of them web-based, that make it very easy to build data visualizations...businesses are just starting to think – and worry – about how to make sure that the new kinds of workers using these tools have the right kind of training so that they make accurate visualizations and so that they don't overstate their significance.
  • Histomap: 4000 Years Of World History In One Map
    History geeks – here’s a map every (popular) historical event from 2000 B.C. to 1931 – that’s more than 4,000 years of Amorites, Famines, Plagues, Aegeans, Wars, Huns, Discoveries, Romans and religions. The chart was created by John B. Sparks and printed by Rand McNally in 1931. (Click the map to make it bigger)
  • 29 Of The World’s Largest Bike-Sharing Programs In One Map
    The maps show the locations of all docking stations for 29 bike-sharing programs around the world. They are drawn at the same scale and arranged by the number of docks. The data are drawn from Oliver O’Brien’s interactive maps, and the illustrations are inspired by Neil Freeman’s “Subway systems at the same scale.”
  • Find Significant Relationships In Data With A CoCo Matrix
    The CoCo Matrix (correlation coefficient matrix) is a script for R that takes a table headed with multiple variables and calculates the correlation coefficients between each of the variables, determines which are statistically significant, and represents them visually in a grid-plot. I created the CoCo Matrix to cross correlate a table with a large number of variables to quickly assess where important correlations could be found.

D3.js Reading and Videos

  • D3 Mapping Basics
    Within this, 2nd basic D3 tutorial, I will show you how to combine D3 with Leaflet whereby each library can demonstrate its advantages! These will be the main topics: a) Set up a map using Leaflet b) Add an individual zoombar c) Show the center of the map d) Show the extent of the map e) Get a 1st impression of d3.scale()
  • noneck: Visualizing NYC's OpenData
    Chris M Whong visualized the 1100+ open datasets made available by New York City. This is a force-directed graph generated with the charting library D3.js. NYC’s open data portal runs on the Socrata platform, and this visualization was created using the “dataset of datasets" and the Socrata Open Data API (SODA).
  • mid-2013, my Spark Odyssey... Rolling out Streams in the Spray River
    What we will see here is how Spark Streaming enables two streams to be combine when they are, somehow, containing data about the same topics. Then we'll see how it is possible to package to amount of data that is coming over the web using an aggregation method like a windowed summarization.  I've created a very lightweight interface that shows the results in real-time. It's using Bootstrap from Twitter, AngularJs from Google and D3.js from Mike.
  • ORBIS 2: The Stanford Geospatial Transportation Network of the Roman Empire
    ORBIS allows us to express Roman communication costs in terms of both time and expense. By simulating movement along the principal routes of the Roman road network, this interactive model reconstructs the duration and financial cost of travel in antiquity. The ORBIS v2 map is entirely built in D3.js, using the stable but still-in-development geo.tile functionality to serve a MapBox terrain map with a much higher resolution than the locally hosted Natural Earth tiles used in the current version of ORBIS.
  • Maps in D3.js and/or FusionTablesLayer
    I’ve done maps in FusionTablesLayer using the Google Maps API for about the past two and half years. The FTL is great for certain things, like displaying atrociously large datasets in the hundreds of thousands of points. The newest tool I’ve found for making maps is D3.js. I used the basic tutorial and was able to make a Choropleth map using Shapefiles and some tabular 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