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

Hi Friends -

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

Onwards to this week's links...


  • Clear Off The Table
    To paraphrase Edward Tufte, too often when we create a data table, we imprison our data behind a wall of grid lines. Instead we can let the data itself form the structure that aids readability by making better use of alignment and whitespace. As with charts, rather than dressing up our data we should be stripping it down.
  • Creating D3.js Charts Using AngularJS Directives
    Knowing that we were going to use D3.js for charts and AngularJS for our framework, it seemed obvious that the best way to integrate the two was to create directives for each of the chart types we wanted to display. Eventually we decided against a few of the graphs and we trimmed that down to the four you currently see.

Data Visualization Reading and Videos

  • Visualizing Pandas DataFrames With IPythonBlocks – Proof Of Concept
    One of the things we’re quite keen to identify visually appealing ways of illustrating a variety of data manipulating operations; so I wondered whether we might be able to use ipythonblocks as a basis for visualising – and debugging – pandas dataframe operations...
  • Debugging The Backlash To Data Journalism
    While the craft and context that underlies “data journalism” is well-known to anyone who knows the history of computer-assisted reporting (CAR), the term itself is a much more recent creation. This past week, data journalism broke into the hurly burly of mainstream discourse, with the predictable cycle of hype and then backlash, for two reasons:
  • Democratizing Data Visualization
    In 2007, members of the Haystack Group in MIT’s Computer Science and Artificial Intelligence Laboratory released a set of Web development tools called “Exhibit.”...In April Haystack members will present an in-depth study of the ways in which Exhibit has been used — with ramifications for the design of data-visualization tools; data-management software, such as spreadsheets; and Web-authoring software, such as content management systems.
  • Pop Viz: What Music Matters Most To KEXP?
    KEXP is a local public radio station here in Seattle...They also keep a live-updated playlist that shows every song they ever played since 2001...I used to scrape everything from 2013...I made a lot of crazy looking charts. But when it came down to it, the simplest charts told the best stories.

D3.js Reading and Videos

  • D4 - DSL Charting DSL For D3
    D4 is a friendly DSL charting DSL for D3. The goal of D4 is to allow developers to quickly build data-driven charts with little knowledge of the internals of D3.
  • reD3 - Reusable Charts For D3.js
    reD3 Charts and Components is a collection of reusable charts and components built with D3.js framework. It includes Line, Pie, Bar, Area, StackedArea, Bubble, Treemap and Heatmap charts which can be easily customized, extended and reused.
  • Airline Routes Within The Contiguous United States With D3.js
    This visualization is built with D3.js along with topojson and queue.js. The code is fairly terse and does the following: loads state, airport and route data, creates corresponding svg groups and populates them with path or circle elements as appropriate. Map point locations are calculated using d3.geo.projection and routes are drawn as great arcs.
  • A Statistical Analysis Of The Apple App Store
    The App Store continues its rapid growth, with approximately 300,000 apps added each year. For a bit of fun I decided to download as much app metadata as I could in order to find patterns within the App Store data...Once I had obtained my database of app metadata...I used D3.js to visualise these results.

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