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

Hi Friends -

Welcome to issue 97 of the Weekly Newsletter

Onwards to this week's links...


  • Edward Tufte Wants You To See Better
    Data scientist Edward Tufte (dubbed the "Galileo of graphics" by BusinessWeek) pioneered the field of data visualization. Tufte discusses what he calls "forever knowledge," and his latest projects: sculpting Richard Feynman's diagrams, and helping people "see without words."
  • Designing A Browser Based Game With D3.js, Part I
    Scars of the Untrodden is a browser based, fantasy, rouge-like map exploration game I've been working on which makes heavy use of data visualizations...In this post, I'd like to share part of the initial experience of my browser based HTML5 rogue-like fantasy game. The core of it uses SVG (and D3.js) for gameplay, but there is also a heavy emphasis of data visualization in the game....

Data Visualization Reading and Videos

  • Data Stories #40: Narrative Visualization Research With Jessica Hullman
    Jessica Hullman is on the show to talk about her research on narrative visualization. Jessica is a Postdoctoral Fellow at Berkeley and soon to be Assistant Professor at University of Washington iSchool. In the show we talk about lots of interesting basic visualization research like visualization literacy, bias and saliency, uncertainty and about some interesting automated annotation systems Jessica developed.
  • The Trouble With The Purple Election Map
    Every 4 years, we’re given a map like this...Usually, a dissatisfied data visualizer is less than thrilled with entire states being designated as either red or blue. The analyst, wanting a clearer picture of the political landscape, breaks the original map down to a county-level...
  • Value-By-Alpha Maps
    The Cartographic Journal (of the British Cartographic Society) contains a paper written by Robert Roth, me, and Zachary Johnson entitled “Value-by-alpha Maps: An Alternative Technique to the Cartogram.” The value-by-alpha map is something I have touched on here several times over the past year and a half (as has Zach on his blog), and about which I spoke at last year’s NACIS conference in Sacramento. With the publication of this paper, it’s high time I explained what it’s all about.
  • Awesome SVG
    A curated list of SVG. The main idea is that everyone can contribute here, so we can center all the informations about SVG and keep up-to-date.
  • Mapping With AngularJS
    FOSS4G PDX 2014 Presentation - AngularJS is rapidly gaining popularity and favor in the front-end web development community. Several open-source AngularJS wrappers exist for open and closed source web mapping libraries. This session will survey the landscape of existing mapping library wrappers. Wrappers for OpenLayers, Leaflet, d3, Google Maps, and Esri WebMaps will be examined.

D3.js Reading and Videos

  • Announcing Birdwave
    I'm happy to announce a side project I've been working on with some of my colleagues here at Neo: Birdwave. An app to visualize bird migrations across the US region, Birdwave falls at the intersection of several different personal and professional interests for me: Birds, Big Data, Data Visualization with D3.js, The Clojure Stack, as well as ReactJS and Om...
  • Static Or Dynamic? D3js And Jekyll With PhantomJS
    On adding some D3 charts to a Jekyll site I had to wonder, is this really the right thing to do? Isn’t there a bit of a conflict between the statically generated philosophy of Jekyll and the dynamic nature of d3js? If the data is static and interaction is not required, then the graphics can be generated statically. I show how to do this using PhantomJS below.
  • Air Traffic Visualization
    This graph visualizes the OpenFlights data set, which holds the information about airports around the globe and air traffic between them. In addition, the GeoNames data set was used to obtain the population value.
  • Pencil Sketch Of World Map
    This stylized globe uses D3’s in-development geometry pipeline to jitter points before rendering. Points are sampled along great arcs, jittered, and then smoothed using basis-spline interpolation to achieve a hand-drawn effect. The resulting spherical geometry is computed once, allowing faster rendering with arbitrary rotation! This techinque was developed in collaboration with Derek Watkins for Norway the Slow Way.
  • My Audio Visualizer Experiment
    I built a browser-based music visualizer and I named it PartyMode. It’s powered by D3 and the web audio api. So it uses entirely html5 audio stuff and SVG. No flash, and no canvas (or decent browser compatibility) whatsoever!

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