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

Hi Friends -

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

Onwards to this week's links...


  • Visualisations & the Process of Abstraction
    When we are dealing with more abstract and unframed problems, the complexity of the visualisation process increases. This post is focuses on the latter type of problems, and describes the process involved in the visualisation of processes, complex situations and systems.
  • Crosslet
    Crosslet is JavaScript Widget For Interactive Visualisation And Analysis Of GeoStatistical Datasets. You can also use it for visualizing and comparing multivariate datasets. It is a combination of three very powerful JavaScript libraries: Leaflet, Crossfilter & D3.js.

Data Visualization Reading and Videos

  • How To Make A Choropleth Map With Google Fusion Tables
    Data mapping is becoming an increasingly popular way of visualising information. It’s quite straightforward to make a choropleth map and in this post I’m going to show you how to make one using Google Fusion Tables.
  • Introduction To Spatial Data And ggplot2
    We introduce a range of analysis skills before demonstrating how you can deploy the powerful graphics capabilities of ggplot2 to visualise your spatial data results.
  • VizJSON: The grammar of graphics in JSON
    This article outlines the benefits of an industry-wide notation to express the rules for representing visualizations. It highlights one particular notation called VizJSON, which is based on Leland Wilkinson's The Grammar of Graphics approach for visualization.
  • Living United States Presidents
    Data Visualization of United States Presidents by Ravi Parikh. Being president takes its toll: 8 out of 44 US presidents have died in office. There have never been more than 6 living presidents at any one time in US history. Make sure to hover over the graph...

D3.js Reading and Videos

  • Why We Use D3 And Ember For Data Visualization
    When visualizing data on the web, there are two things that we need to think of, the DATA and the DOM. D3 is great for data visualization, but when dealing with complex applications your code can quickly turn into complicated spaghetti...
  • N-body Toy
    D3.js provides a force-directed layout, which is nice for all sorts of data structures, especially those that contain complex relationships. With three nodes and a positive charge, we have a simulation of the physics / classical mechanics three body problem.
  • angular-charts
    Angular Directives For Commonly Used D3.js Charts. Charts make data easy, coding them should not be hard. Includes features, installation, config, data and events...
  • Interactive Map With D3.js
    This is a step by step tutorial of how to make responsive, interactive and zoomable map with D3.js. Converting Shapefile into GeoJSON then Topojson, you can build web/mobile-ready map application.
  • La Belle France - Map Styling With D3.js
    I was completely carried away by this example made with Kartograph by the software creator Gregor Aisch. Later, I learned D3js, which was also amazing, but I didn't find a map like La Bella Italia. So I tried to do a similar one myself.

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