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

Hi Friends -

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

Onwards to this week's links...


  • Nate Silver On Finding A Mentor, Teaching Yourself Statistics, And Not Settling In Your Career
    Perhaps no one has done more for the cause of data-driven decision-making in the minds of the public than Nate Silver.  How do those people without extensive training in statistics equip themselves with the skills necessary to thrive (or even just survive) in our age of “big data”? Last month I had the chance to put that question to Silver, and his answers may surprise you.
  • D3.JS: How To Handle Dynamic JSON Data
    When I started with d3.js, I really struggled understanding how I could link data from a JSON feed to a SVG graph. I read a lot of tutorials but still, I couldn’t find what I was looking for. Now that I know how d3.js behaves, I thought it would a good idea to share the things that I learned.

Data Visualization Reading and Videos

  • Visualizing For The Color Blind
    Color blindness is a color vision deficiency which affects roughly 8% of the North American male population and 0.5% of the female population. So when designing data visualizations and dashboards, it’s important to keep this group of people in mind to make sure they are seeing the same results as everyone else.
  • (Craft) Brewing in the USA
    A couple of months ago a friend directed me to a piece by the New Yorker which included a nice interactive map depicting the landscape of craft brewing in the United States based on data provided by the Brewer’s Association. Using this data, what can we say about the geography of craft brewing in the United States?
  • Foursquare Data Viz Shows The Pulse Of New York, London, Tokyo
    The secret sauce of Foursquare is the massive amount of location data it collects: 4.5 billion check-ins shared by its 40 million users. A new set of data-viz videos produced by the startup turns its data from an intangible mess to a fascinating visual feast.
  • Handmade Data
    In my Visual Rhetorics course we’re currently exploring ways to creatively visualize data, while rendering information more useful, engaging, and accessible to audiences. In my course we are developing our visual literacy skills by producing some low-tech projects in class, including hand-drawn fonts, maps and homemade infographics.
  • 100 Diagrams That Changed the World
    Since the dawn of recorded history, we’ve been using visual depictions to map the Earth, order the heavens, make sense of time, dissect the human body, organize the natural world, perform music, and even concretize abstract concepts like consciousness and love. Investigative journalist and documentarian Scott Christianson chronicles the history of our evolving understanding of the world through humanity’s most groundbreaking sketches, illustrations and drawings.

D3.js Reading and Videos

  • Using SVG Gradients And Filters With D3.js
    I have played around with the d3.js library for a while now and I always thought that stuff like gradients and shadows are not so easy to create with SVG and that it is simply not made for that. I started working on a nice design I found at dribbble (I know it’s not pixel perfect) and came to the point to implement some nice d3 animations rather quickly. And here is the final result.
  • Pie And Donut Charts In D3.js
    In this tutorial, we are going to show how to create pie charts and donut charts with D3.js, which are very similar to pie charts with only one difference, their centre is hollow. Those two charts are built using SVG paths. The SVG path is a more advanced shape compared to circles and rectangles, since it uses path commands to create any arbitrary shape we want.
  • Updated Ember And D3 Talk
    Last night I gave an updated version of my Ember and D3: Building a Simple Dashboard talk at the Boston D3.js meetup group. The biggest changes are the use of components instead of views, and the upgrade to Ember 1.0.0. Here are the materials from my presentation (code, slides & demo).
  • Proper Use Of D3.js With Angular Directives
    I’ve seen many tutorial and examples using AngularJS as framework but also D3.js for data visualization that actually miss this point and do terrible things. What would be “the Angular way” of integrating D3? I propose the following: a) All your D3 logic and presentation must be contained within a directive b) Use HTML-declarative syntax to feed of data to your directive instances c) By doing that, you can store the data in your controller, passing it to your D3 directive via two-way data binding of parameters...
  • Mapping Concerts with D3.js And The SeatGeek API
    I recently sat down for a couple of hours to explore the SeatGeek API. There's still a lot more data to play with, but mapping concerts seemed like a slam dunk for D3.js. Search for your favorite band's current USA tour map.

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