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

Hi Friends -

Welcome to the fifty-eighth issue of's Weekly Newsletter

Onwards to this week's links...


  • Data And Visualization Year In Review, 2013
    2013 was a pretty good year for data and visualization. Let's have a look back. There were several themes throughout the year, but the most important was the strengthened connection between data and reality.
  • Force Bubble Charts In D3.js
    Using the force layout in D3 to produce a bubble chart for categorical data can be a good choice for communicating the message your data has to offer and has the benefit of being a real crowd-pleaser visually.

Data Visualization Reading and Videos

  • Getting The Details Right In An Interactive Line Graph
    Line graphs are simple and well-known, and many of the changes we made in our redesigned line graphs may seem small or inconsequential. However, the net effect is quite dramatic, which you can see for yourself by interacting with the live graphs below.
  • Better Know A Visualization: Small Multiples
    Small multiples, introduced by Edward Tufte, use the same basic graphic or chart to display difference slices of a data set. Small multiples can show rich, multi-dimensional data without trying to cram all that information into a single, overly-complex chart.
  • Using Processing And R Together (In OS X)
    I wanted to develop a small experiment with a front end using the Processing language and the backend calculations in R...This post explains the steps assuming that one already has R and Processing installed...
  • Designing Information Graphics, Getting The Basics Right
    There is an immense increase in the output of information graphics, these graphics are often cluttered, chaotic and many are just incorrect. Yes, it's really nice that your image is visually appealing but if you don't get the simple things right first, your graphic fails.

D3.js Reading and Videos

  • SVG-based Sparkline With D3.js
    This is a tutorial of how to create various SVG based sparklines with d3.js. Sparkline, a tiny line chart, is often very effective and visually appealing, especially for today's small screen devices.
  • A D3.js Viewer For Matplotlib Visualizations
    Recently I've been attempting to push the boundaries of tools for interactive data exploration within the IPython notebook..over the course of a few late nights, I came up with a first attempt at a partial interactive D3 viewer for matplotlib images: the mpld3 package
  • Closest Point On Path
    This page demonstrates a simple approximate algorithm for finding the closest point on any given SVG path element. Knowing the closest path to a given point is useful for multi-line charts in the same way the Voronoi tessellation is useful for scatterplots: it makes it easier to select or highlight elements using the mouse.
  • Creating An SVG File With D3.js And Node.js
    On a recent work project, we were using the D3 library to create some graphs. Since we’re JavaScript to make the graphs, let’s see if we can run that graphing code with Node.js and save that output to a file. And it turns out this is fairly simple.
  • CS171 Visualization - Harvard Course For Data Visualization
    2012 Videos online and free. In this course you will learn how the human visual system processes and perceives images, good design practices for visualization, tools for visualization of data from a variety of fields, collecting data from web sites with Python, and programming of interactive web-based visualizations using D3.js.

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