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

Hi Friends -

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

Onwards to this week's links...


  • Connecting HBase / Hadoop to CartoDB to visualize millions of species
    In this guest blog, Tim Robertson describes how the Global Biodiversity Information Facility are building a dynamic density map with 0.5 billion tiles and supporting 40,000 tile updates per second using components of the CartoDB stack for their forthcoming portal. This is the first time the CartoDB stack is connected to an HBase / Hadoop backend to handle large data volumes and velocities.
  • Responsive Maps With D3
    I spent an hour this weekend updating this site to Bootstrap 3, making the site responsive (and mobile first!) by default. That means the next step is to make visualizations that can handle a browser of any size, too. Let's make maps and charts that resize automatically and work everywhere.

Data Visualization Reading and Videos

  • Choice Free JavaScript Data Visualization Library
    Anyone who has ever had to deal with the data, understand the importance of visualization. One thing to show the user a table with dozens of rows and fields, and quite another visualize this data in a form of the chart. Here a review of popular JavaScript libraries for drawing charts, that do not require Flash and can be used free of charge.
  • Visualizing The Countries That Request The Most Information From Facebook
    Facebook released a report of the requests for data by governments around the world. The report is a simple table, but I think a visualization tells the story much better. In fact 53% of the total requests came from the United States. I guess we shouldn’t be surprised given the PRISM surveillance program.
  • Tools & Techniques: the Nuts and Bolts of Designing a Color Palette
    Knowing what makes a good palette for visualization, how to find and apply good examples, or create one from scratch? In my mind the best place to start is Color Brewer. If you don’t use software that comes with the Color Brewer palettes (Adobe Photoshop, for example), using the tables can be a bit tricky. Each color has to be specified manually, and then the individual steps need to be blended (at least if you want a smooth ramp).

D3.js Reading and Videos

  • Interactive Data Visualization with D3.js Workshop - Ian Johnson
    This workshop will take you on a tour of d3’s API and get you comfortable with some of the more subtle aspects of it’s design. By the end of the workshop you will have created a couple charts, but more importantly you will have been exposed to a variety of patterns which can be utilized anywhere you have data that needs to be expressed.
  • How To Use D3 On The OpenSpending API
    OpenSpending has a built-in set of visualizations which are useful for exploring how data is structured in levels. None of them, however, are really suitable for representing spending flows. Fortunately, users of the D3.js data visualization library have given us many examples of visualizations suitable for that purpose. The purpose of this tutorial is to show how easily D3.js can be used to visualize spending flows with OpenSpending data.
  • GAMEPREZ Developer Kit
    The GAMEPREZ Developer Kit (gpdk) is a JavaScript/CoffeeScript library for creating computer games...The gpdk treats games as data-driven interactive visualizations where the "data" are game elements/entities by using the D3.js visualization library. Gamers can play games built using the gpdk in their browser without downloading any files or installing any plugins.
  • Angular.js Directives For NVD3.js
    Quickly create D3.js charts with Angular.js AngularJS directive directives for nvd3.js. The goal of this project is to allow for easier integration between nvd3.js and AngularJS.
  • JavaScript Language Advanced Tips And Tricks
    These tips and tricks are not related to any web browser or any Document Object Model (DOM), they are only general purpose tips and tricks for the JavaScript language. Some of these tricks are using a latest version of JavaScript language (v1.8) and cannot run with the Microsoft Implementation of JavaScript (v1.5). All these tricks has been tested with the Mozilla SpiderMonkey/TraceMonkey JavaScript engine (v1.8).

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