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

Hi Friends -

Welcome to the thirty-fourth issue of's Weekly Newsletter

Onwards to this week's links...


  • Data Visualization: Ambiguity As A Fellow Traveler
    Data from an experiment may appear rock solid. Upon further examination, the data may morph into something much less firm. A knee-jerk reaction to this conundrum may be to try and hide uncertain scientific results, which are unloved fellow travelers of science...The alternative is to face the ambiguity head-on through visual means.
  • Using D3.js to Brute Force the Pirate Puzzle
    This post contains an answer to puzzle 11 Treasure Island from which appeared on Hacker News recently. My high school geometry is a little fuzzy so I thought I’d do a little empirical playing around with d3.js to get a sense of the answer before trying to work out the math. Almost a sort of graphical brute force method. If you’re new to D3.js this should hopefully act as a good introduction as well.

Data Visualization Reading and Videos

  • Superconductor
    Superconductor is a web framework for creating data visualizations that scale to real-time interactions with up to 1,000,000 data points. It compiles to WebCL, WebGL, and web workers to unleash the power of parallel hardware for fast and cross-platform data visualization.
  • Data Visualization and Discovery for Better Business Decisions (TDWI & Pentaho)
    Far from mere “eye candy,” data visualization is critical to fulfilling widely held goals for expanding organizations’ analytics culture and driving more decisions with data. Tools and practices for data visualization, data discovery, and visual analysis are enabling these “nontechnical” users to make effective use of data and reduce their time to insight. This TDWI Best Practices Report focuses on how organizations can use data visualization, visual analytics, and data discovery to improve decision making, collaboration and operational execution.
  • Visualizing Normal vs Fat-tailed Distributions
    A normal distribution varies a lot in the neighborhood of its average, but produces few examples beyond three standard deviations from that average. A fat-tailed distribution looks normal but the parts far away from the average are thicker, meaning a higher chance of huge deviations. Fat tails don't mean more variance; just different variance. For a given variance, a higher chance of extreme deviations implies a lower chance of medium ones. Illustration of Both distributions have standard deviations of 1, but the left is fat-tailed and the right is normal. The slider changes the fat-tailedness of the left (measured here as 'kurtosis') while keeping its standard deviation at 1.
  • Approaching Data Visualizations From Users's Perspective
    In this talk, Pallav Nadhani -- founder of FusionCharts -- talks to participants about how to approach data visualization holistically, the input-output process and the slicing and dicing of visualizations based on the role and functions of the viewer. This talk was delivered at The Fifth Elephant Data Visualization hacknight in Bangalore.
  • esri-leaflet - A lightweight set of tools for working with ArcGIS services with Leaflet.js
    Leaflet plugin for Esri ArcGIS Online Services. Currently only supports loading Esri basemaps and feature services, as well as map services. The goal of Esri Leaflet is not to replace the ArcGIS API for JavaScript, but rather to provide small components to allow developers to build simple lightweight mapping applications. It pairs well with Terraformer for converting data and geoservices-js for making advanced request to ArcGIS REST services, for example place finding and reverse geocoding.

D3.js Reading and Videos

  • d3 for HTML
    In its rise to prominence, d3 became known mainly in combination with SVG – the recipe that yields pretty streamgraphs and maps, and the one for which much of the library is built. And then I built in all ‘pure’ d3.js. It doesn’t touch d3’s incredible ability to build interactive maps or beautiful graphs...In fact it’s pretty boring from a technical perspective, as a flat website that’s just HTML, with permalinks and the classic multiple-column navigation pattern...Here’s a bit on why...
  • D3.js (Meta-) Libraries: A Contrasted Landscape
    D3 “meta-libraries” have been developed to make the programming of interactive graphics simpler (less verbose) and therefore shorter (less lines), which means less error-prone as well. Here is the list (in alphabetic order) of D3 meta-libraries that are current available: d3.chart, d3-generator, datawrapper, dc.js, dexcharts.js, dimple, nvd3, polychart, rickshaw, vega and xcharts. As a consequence, we decided to focus our review on polychart, nvd3, datawrapper, rickshaw and dc...
  • D3.js in Angular.js Directive – A Relief From D3 SVG Code in HTML Page
    We have came through D3.js coding for Graph generation in our projects. Recently I am learning Angular.js and Angular Directive. So I had a thought to introduce an angular directive which will wrap the complex functionality of D3.js. So here is the result – this post – creating a bar chart through Angular Directive with the help of D3.js.
  • Introducing D3.js by Toon Ketels
    Practical D3.js introduction which teaches some of d3's fundamentals such as data-joins, scales, axis, labels, ticks, animations...Presented at Fronteers Meetup - Mechelen, Belgium

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