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

Hi Friends -

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

Onwards to this week's links...


  • Population Division
    James Cheshire’s Population Lines redone with D3.js. Data from NASA. Fullscreen and Code. [Editor's note: make sure you click on the Fullscreen view and then click on the various years...]

Data Visualization Reading and Videos

  • The NYT’S Amanda Cox On Winning The Internet
    The OpenVis Conf is coming up - April 24th & 25th. This is a recap of last years opening keynote. Amanda Cox, of the New York Times Graphics desk, set out to address what makes some Visualizations better than others —drawing on intelligent guessing, data visualization, and emotional storytelling along the way.
  • Chartspree
    Easy SVG charts for your static site, no JavaScript. Use our URL to inject charts into your website. The data is supplied via the URL, no Javascript required.
  • How We Made The Ministerial Lobbying & “Buddying” Visualisation
    We’ve just published a visualisation of over 6,000 meetings between 100 UK government ministers and over 3,500 organisations that took place during the eight months from May to October 2010. In this post we discuss some of the techniques we used and the technical bits’n'pieces behind the visualisation

D3.js Reading and Videos

  • Building Reusable D3.js Elements With Polymer
    In this short introduction to using D3.js with Polymer, we’re going to build a custom HTML element that contains a sparkline for a given stock symbol. Custom elements are used just like any other HTML element.
  • Responsive Charts With D3.js And Backbone
    So, you started building charts with D3 and quickly realized there are certain behaviors you want all of your charts to have...For our team, this meant creating a simple Backbone view to encapsulate all of our charts’ must-haves.
  • Creating Multi-Series Charts In D3.js
    Making line charts or bar charts that have several different series of data can be challenging in D3.js. ... This post looks at multi-series line, stacked bar, stacked area, and streamgraph charts and should help you on your way to make just about any chart you need.
  • 4 Steps To Creating Map Overlays
    After some research, we chose Mapbox as the base map, enabling easier customization in the shaded area/border/ocean colors, and for the overlay, utilizing D3.js to add a highlight layer. Here’s the 4 step process...
  • gexfd3
    A small library for rendering parsed GEXF graphs in D3.js...Roughly follows the patterns of D3 layouts, creates a gexfD3.nodes() and gexfD3.links() that work in a force layout and have .x and .y coordinates as well as viz settings from the GEXF and GEXF attributes in a properties array.

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