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

Hi Friends -

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

Onwards to this week's links...


  • Journey To The Open Data Jungle With OpenRefine, CartoDB, Leaflet and Javascript
    In this series of articles we will take a look at a couple of really mind-blowing tools. First we will take our google contacts and export them as a csv file. Then we will process them with OpenRefine to clean all the messy data, and to access an google map web service to geolocate each contact. Next we will import it into a CartoDB column, to expose it as a web service API. Finally, with some Javascript magic we will use leaflet to browse our contacts on a map.
  • Creating and Publishing Maps with D3, Dymo, and PhantomJS
    Problem statement: We want to make a map with D3, automate the label placement, and publish to PDF or PNG. This is a very basic example showing how to put the pieces together- with a little polish and CSS, this workflow can create some great looking maps.

Data Visualization Reading and Videos

  • Keeping The Seattle Sounders Healthy Via Data Mining And Visualization
    The Sounders are have invested in sports science from day one with the goal of minimizing playing time lost due to injury. Central to the process of sports science within soccer is the ability to measure the load on the players and their response to it. This means teams must build models that infer how a player might respond within a match based upon direct biometric readings taken in between matches. Tenney described how a typical data capture and analysis cycle transpires.

D3.js Reading and Videos

  • dc.js v1.4 Released
    Multi-selection filtering (initially implemented by @davidda). Elastic x-axis for row chart mouse zoomable line/bar/composite chart (contributed by @ChaksChigurupati). To use the mult-selection feature make sure to upgrade your crossfilter library to latest version.
  • Relation Between LinkDistance And LinkStrength In D3.js Force Layout
    How are the LinkDistance and LinkStrength related in a force directed layout in D3.js? I am assuming that they are, correct me if i am wrong...You can see the link distance as the expected distance and the strength as the speed at which you want to reach this target distance on each iteration.
  • d3/d3-geo-projection
    Extended Geographic Projections for D3.js - 84 of them! This plugin also provides d3.geo.interrupt, which can be used to create arbitrary interrupted projections from a given raw projection.

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