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

Hi Friends -

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

Onwards to this week's links...



Data Visualization Reading and Videos

  • The Five Best Libraries For Building Data Visualizations
    Starting out in data visualization can be a difficult thing to do. Here’s what you need to know...This story contains interviews with data visualization professionals Moritz Stefaner, Scott Murray, Benjamin Wiederkehr, Jan Willem Tulp, and Erik Cunningham...
  • How To Design Better Data Visualizations
    In order to understand how we are able to interpret data visualizations so effectively, we must start by examining the basics of how we perceive and process information, in particular visual information.
  • Data Visualization & Data Stories
    Interview of Jeff Heer, Chief Experience Officer at Trifacta and Patrik Lundblad, Visualization Advocate at Qliktech, hosted by Hilary Mason, Data-Scientist-in-Residence at Accel Partners
  • Spatial Data On A Diet: Tips For File Size Reduction Using TopoJSON
    For a current project we needed to render, on the web, a geographic file with approximately six thousand features. The shapefile itself is approximately 11 megabytes, far too big to be handled speedily in a web application. We were planning to render the features using GeoServer and map tiles but decided to investigate slimming down the geographic file first to see how small we could make it.

D3.js Reading and Videos

  • D3.js Quadtree Nearest Neighbor Algorithm
    This example adapts mbostock's quadtree brushing demo to find the nearest neighbor (shown red) of a new point (shown yellow). Choose a new point to classify by clicking on the diagram. (An alternative approach for nearest neighbors of the mouse position is D3's Voronoi polygons, but the idea here would extend to rapidly classifying many new points against a base collection of points.)
  • Draw Simple Maps With No Effort With D3.js And Datamaps.js
    I started working on a new project for BBC News Labs this morning, and that project heavily relies on a map. After spending these last months working around Javascript and the famous datavisualisation library d3.js, my first reflex was to jump on d3.
  • HTML5DevConf: John Firebaugh "building iD, a new editor for OpenStreetMap"
    A typical web application today is built with a Model-View-Whatever framework such as Backbone.js, Ember or Angular.js, a DOM-oriented library like jQuery or Zepto, and a templating language such as moustache or handlebars. In building iD, a new editor for OpenStreetMap, we took a different approach. iD is built almost entirely using D3 -- no framework, no $, no templates. At the DOM level, D3 does 90% of what we would have needed jQuery for, in a simpler, more predictable, and more flexible way.
  • D3 Particle Simulator
    This is an implementation of a particle simulator in D3 inspired by the collider demo. This implementation provides many exciting features including: Dynamically set gravity and charge, Randomized size and charge percentages, Interaction with the mouse, and User-control of these values through dynamic sliders.
  • Maze Solver II
    This maze is generated using Prim’s algorithm, and then solved using best-first search. Compare to breadth-first search.

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