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

Hi Friends!

Welcome to the fifth issue of's Weekly Newsletter .

Onwards to this week's links...


  • D3.js Version 3 - Upgrading to it and what's new
    D3 3.0, scheduled for release in December 2012, will be the first major release since 2.0 was released last August. Since 2.0.0, there have been 10 minor releases and 37 patch releases. 3.0 includes 250+ commits, significant new features and improvements. In accordance with semantic versioning, this rare major release also includes several backwards incompatibilities. Major releases are needed to keep the API and the code lean by removing deprecated, broken or confusing functionality. This document guides you on how to upgrade from 2.x to 3.0.
  • D3.js Playground
    The D3.js Playground is designed to allow you (and especially me) to play with the D3.js library in an interactive manner. Every edit made (that results in valid code) affects the playground in realtime. Because CSS is such an important part of visualizations, you can edit CSS live, too.
    [Ed note: Toggle different graphs with button on top right-hand side of the screen]
  • Improvements to D3′s Reusable Component Pattern
    3 Improvements to D3.js Reusable Component Pattern => 1. Getter/Setter methods needs to be generated automatically (why: because there may be many of them) 2. In the component code itself, properties that will be exposed publicly needed to be defined separately than local vars (this was needed both for clarity/abstraction and for achieving #1 above) 3. Setters need to accept values generated not only by directly specified values but also by functions passed to the setter where “this” would refer to the object being configured.
  • The Explosion of 15th Century Printing: A Data Visualization
    Drawing on data from the Harvard's library collections, metaLAB produced this fascinating data visualization animation looking at the spread of book printing across Europe in the 1400s including the number and location of printed works by year.
  • Impact of University Undergrad Major on Career Path for 15,600 Williams College Alums
    This visualization is work with my students Hayley Brooks '12 and Kaison Tanabe '13. The left side of the circle is broken into 15 parts, each representing a grouping of all majors available at Williams. For example, "Cultural Studies" includes such majors as Anthropology, Sociology, and Asian Studies. The right side of the circle is similarly broken into 15 parts, each representing a grouping of possible careers chosen by Williams alums.



  • Slate data reporting, interactives, and visualizations intern.
    Slate's Washington, D.C. office is hiring a winter intern to work on data reporting, data visualizations, and interactives with our interactives editor. This is a position for journo-geeks with sharp news judgment, keen math and writing skills, and interest in computer science and its applications to journalism. The intern will be responsible for pitching story ideas; hunting down, structuring, and manipulating data; testing and critiquing new productions; writing data stories; and producing his or her own interactives and visualizations.
  • Data Visualization Developer - Java/C++ expert @ Top Financial Firm
    This role would be for a Data Visualization Developer for the development of rich interactive graphics, data visualizations and charting. As a Data Visualization developer at this shop, you will be responsible for design, development and production support of interactive data visualizations.This position emphasizes a need for an artistic mind to conceptualize, design, and develop reusable graphic/data visualizations applications.

That's the news that's fit for sharing this week.  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