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

Hi Friends -

Welcome to the forty-seventh issue of's Weekly Newsletter

Onwards to this week's links...


  • How To Design Useful Monitoring Graphs And Visualizations
    The importance of graphing lies in the fact that it’s your window onto the monitored system. It allows you to see the monitored object via a representation of it, built on the metric sampling. Ultimately, it is the most meaningful way we know to inspect a machine’s behavior.
  • Raw
    Raw is an open web tool developed by DensityDesign to create custom vector-based visualizations on top of  the D3.js library. Primarily conceived as a tool for designers and vis geeks, Raw aims at providing a missing link between spreadsheet applications (e.g. Excel, Numbers, OpenRefine) and vector graphics editors (e.g. Illustrator, Inkscape, ...).

Data Visualization Reading and Videos

  • SheetAsJSON – Google Spreadsheet Data As JSON
    This is a short post to explain how to expose a ‘typical’ Google spreadsheet (rows of columnar data, with first header row) as JSON, via HTTP. It might sound somewhat esoteric but believe me it’s helped me and others out quite a bit in the past.
  • GIS Is Not Dead, It Is Coming For You And It Has Been Drinking JavaScript
    GIS is dead? No, it's not, and it's coming to find you and spatially kick your ass with a big bag of JavaScript. This talk will discuss several super kick-ass ways that JavaScript and the web have re-shaped GIS and are changing how we visualize, analyze and share geospatial data with each other and the world.
  • Visualization Metaphors: Old & New
    I like to mention the importance of an historical analysis of visualization, since it’s critical for us to understand its long evolution and not be overly infatuated by the work created in the last decade alone. In this context I provide a quote by Michael Friendly, who stated: “There certainly have been many new things in the world of visualization; but unless you know its history, everything might seem novel.”

D3.js Reading and Videos

  • micropolar - A Tiny Polar Charts Library Made With D3.js
    A tiny polar charts library made with D3.js. Every chart is composed of a very configurable axis and a geometry module. The current chart types are linePlot, dotPlot, barChart, areaChart and clock. You can easily extend micropolar with new chart types, or gain full control over every parameters, by looking at these factory implementations.
  • Highest-Grossing Movie Franchises Of All Time
    These are the top 24 highest grossing movie franchises of all time, in terms of total dollars earned at international box office (inflation-unadjusted). This visualization was created by @RaviSParikh using d3.js.
  • Introduction To Graph Visualization In D3.js
    Piotr gives a brief introduction to D3's force layouts following this formula: D3.js force + simple math + visualization tricks = nice graph. Presentation slides from the Bay Area D3.js Meetup Group.

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