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

Hi Friends -

Welcome to the twenty-ninth issue of's Weekly Newsletter

Onwards to this week's links...


  • D3.js Bar Chart Generator
    D3.js is a great JavaScript library that allows you to create custom data visualizations. This code generator helps you get off the ground quickly by automatically producing source code templates for various bar chart configurations. The generated source code is loosely based on Mike Bostock's D3 bar chart tutorial.

Data Visualization Reading and Videos

  • Interactive World JavaScript Map
    This tutorial will show you how to create an interactive map of the world you can use to display travel photos. In the process, you'll be introduced to Raphael.js.
  • Global Flight-Path Maps: Five Interpretations
    Michael Markieta's images depicting flight paths across the planet attracted huge interest from our BBC readers. What do the maps reveal? We asked five experts to give their interpretation.
  • Leaflet Directive for AngularJS
    This is a very simple AngularJS directive developed to embed and interact with an map managed by the leaflet map library. Its not intended as a complete or full-of-features library, although its a simple and easy to use directive, which has been fun to develop and is a good starting point to learn to code a directive into the great AngularJS library.
  • Brain Visualization Prototype Holds Promise For Precision Medicine
    The ability to combine all of a patient's neurological test results into one detailed, interactive "brain map" could help doctors diagnose and tailor treatment for a range of neurological disorders, from autism to epilepsy. But before this can happen, researchers need a suite of automated tools and techniques to manage and make sense of these massive complex datasets.

D3.js Reading and Videos

  • Central Limit Theorem (Binomial Distribution) Visualized in D3
    In probability theory, the central limit theorem (CLT) states that, given certain conditions, the mean of a sufficiently large number of independent random variables, each with a well-defined mean and well-defined variance, will be approximately normally distributed. D3 provides interactive goodness and transitions.
  • Maps Garage: Exploring Map Data with Crossfilter.js, Google Maps & D3.js
    Square's Crossfilter JavaScript library has become a popular base for building multiple, coordinated views into a dataset. In this Google Maps Garage episode, Brendan Kenny demonstrates how to use a Google Map as another type of Crossfilter view, so that selections within histograms or graphs influence what is drawn on the map, while interactions with the map drive what is drawn in the other views.
  • 50 Years of Change
    A look at LGBT civil rights over the last half-century of state legislation changes. Documenting laws and regulations that both restrict and promote LGBT rights. Built with D3.js.
  • Worldwide Remittance Flows
    Remittances, money sent back home by migrants, have increased ever since data collection started in 1970. After 2000, however, the worldwide total downright skyrocketed from 204 billion USD (inflation adjusted) to 540 billion in 2012. Built with D3.js. Great example of Narrative Walkthrough.

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