Data Visualization and D3.js Newsletter Issue 224

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


Welcome to issue 224 of the DashingD3js.com Weekly Newsletter.
 


Onwards to this month's links...
 

Featured
 

  • How We Animated Trillions of Tons of Flowing Ice
    The New York Times sent a reporter and three graphics editors to Antarctica in December. The team came back with astounding stereographic 360 video that they crafted into four beautiful VR films. But we wanted to make sure that the web presentation was also engaging, especially for folks who might miss the films...
  • Interactive Data Visualization for the Web, 2nd Edition [Scott Murray's D3 Book 2nd edition is now out]
    If you're interested in data visualization but new to programming or web development, Interactive Data Visualization for the Web gives you what you need to get started creating and publishing your own data visualization projects on the web. The recent explosion of interest in visualization and publicly available data sources has created need for making these skills accessible at an introductory level. The second edition includes greatly expands geomapping coverage, more real-world examples, a chapter on how to put together all the pieces, and an appendix of case studies, in addition to other improvements...
 

Data Visualization Reading and Videos
 

  • Why A Dual Y-Axis Chart Is Not A Normalized Delta Chart
    In my original post, One Set of Data, Many Stories, I wrote about how I found a particular dual y-axis chart misleading. The core problem was that it had two y-axis for the same metric, with a different scale for each axis...I agree that delta charts and dual y-axis charts are perceptually similar when the scales for the y-axis are the same but the baselines differ in order to pin both lines to a shared reference point...However, if the y-axis scales are different, then a dual y-axis chart can be perceptually quite different from a delta chart...Let’s take a look...
  • Stardust: GPU-based Visualization Library
    Stardust is a library for rendering information visualizations with GPU (WebGL). Stardust provides an easy-to-use and familiar API for defining marks and binding data to them. With Stardust, you can render tens of thousands of markers and animate them in real time without the hassle of managing WebGL shaders and buffers...
  • How Long Does it Take to (Quick) Draw a Dog?
    Google has recently released an amazing dataset of over 50 million drawings of 345 types of things, ranging from triangles to trombones...A number of great analyses have already been created, from cultural differences when drawing a circle to finding bad flamingo drawings...In this short visual exploration, we answer a simple question: how long are people spending on drawing these doodles? Let's start with dogs!...
 

D3.js Reading and Videos
 

  • A Simple Box Plot in D3.js V4.0
    I recently discovered there was no simple example of a box plot in the latest version of d3.js, and I had to create my own. This was a fun exercise in applied geometry, and I thoroughly enjoyed it. I wanted to take this opportunity to share the example with everyone, so that others can avoid redoing this work...
  • d3-force-registry
    A curated compilation of plugins and all-things related to d3-force...
  • D3 Projection Explorer
    Explore D3's geographic projections and their scale, translate, center and rotate parameters. The red dot indicates the projection center...To demonstrate area distortion (e.g. Mercator) grey circles with the same radius have also been added...
  • D3 And Canvas In 3 Steps: The Bind, The Draw, And The Interactivity
    Let’s say you’re building a data visualization using D3 and SVG. You may hit a ceiling when you try to display several thousand elements at the same time...here comes HTML5 Canvas to the rescue!...But you may quickly find yourself daunted. Because D3 and Canvas works a bit differently from D3 and SVG — especially when it comes to drawing and adding interactivity...But fear not — it’s not that complicated...this tutorial covers the three key steps: binding data, drawing elements, and adding interactivity — and it does all this in one go, with an added step-by-step manual to set you up...

Hope that you had a great past month and that next month is even better!

Wishing you the best, 
Sebastian Gutierrez
@DashingD3js
www.dashingd3js.com

Want to better understand this topic?
Check out these super-useful D3.js Screencast Videos (1 in 3 are free...)
=> D3 Screencasts Videos