Data Visualization and D3.js Newsletter Issue 168

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Learning To See: Visual Inspirations And Data Visualization - How Abstract Art Can Help Understanding The Global Brain Drain
    To be a data visualization designer you have to find new ways to attract people’s attention through new languages and new solutions that besides being functional, accurate and appropriate must be magnetic and surprising. To this regard, I believe that learning how to see is essential to learn how do design. I will present here a specific example, a data visualization project that deeply relied on a clear visual inspiration from abstract art to derive guiding principles that informed both the data analysis and the visualization...
  • How Do You Learn D3.js? Practicing Data Visualization For Fun And Profit!
    How does one acquire these powers? I asked some of the most skilled practitioners I know how they went about learning d3 and an interesting pattern emerged: start (small) projects with an idea and no idea how to implement it, and then try to implement it. I’ll let them tell you in their own words...
 

Data Visualization Reading and Videos
 

  • My Reply to flowingdata's Causes of Death Chart
    Earlier this year Nathan Yau of flowingdata published an interactive visualization showing the distribution of different causes of death along the age axis..Nathan Yau plotted shares conditioned on age: For those who died at age x, what share of them died of a given cause? This is a reasonable choice and makes for an informative chart but one has to keep in mind that more people die in old age than in young ages...Some of the Twitter audience wished for a version of flowingdata’s chart using absolute numbers or shares that do not add up to 100 % for each age. This is where my chart comes in complementing, not replacing, Nathan Yau’s visualization...
  • Understanding Fourier Approximations And Oscillators
    An HTML5 canvas visualization of how Fourier series, or adding smaller and faster sin waves together, can approximate any periodic wave that you can then hear directly. These visualizations provide the foundation for oscillators used in most music synthesizers. The visualization shows each sin wave as a circle being added to the previous sin wave's value. It color codes them so that the equation, component, and circle can be easily recognized. By using the WebAudio API, these waves can be heard individually or all together by directly using the math shown....
  • Smoothie Charts
    Smoothie Charts is a simple library for displaying smooth live time lines. This tutorial will get you up and running in 10 minutes...
  • Design A Map With Mapbox, Leaflet, And Sketch
    Before, I didn’t know how Mapbox and leaflet works,and I didn’t know how to work with our developers,I spent lots of time on doing the mockup,it’s waste of time and useless, this is how I do it now...
  • PolicyViz Podcast Episode #31: Rees & Mushon on DataViz Empathy
    I’m happy to be joined by two guests on this week’s episode: Mushon Zer-Aviv from Shual Design Studio, and Kim Rees from Periscopic, whose tagline is “do good with data.” We–Kim and Mushon, really–talk about whether data visualizations can elicit empathy, who is responsible for calls to action, and compassion fatigue...
 

D3.js Reading and Videos
 

  • Fall Student D3.js Projects
    Here's the followup I promised on my post about teaching D3.js to journalism students: A selection from their projects! Their project goal was to produce a data story using UNICEF data (and possibly related data) about child mortality...
  • Sized Donut Multiples
    This example demonstrates how to use selection.each to create a context to access parent and child data simultaneously. The donut multiples are sized such that the area of each donut is proportionate to the total population, such that the area of the arcs is comparable across states...
  • Tiny Data Visualizations in the Newsroom - Matthew Ström [Video]
    [Presentation given at the January D3.JS NYC Meetup, at Pivotal Laps] Charts and graphs are a key component of news reporting today, either as corroborating evidence or a visual representation of prose...The trend today is towards large, pre-composed, interactive elements. Tiny, contextual, generative charts can communicate information better than words or even a larger graph could...Using D3, along with plain JS and CSS, we can create in-line data visualizations that are theoretically sound and incredibly informative.
  • Dot Map + D3.js
    A framework for creating Dot Maps in d3.js using d3.geom.quadtree and Mitchell’s Best-Candidate (MBC) algorithm as its backbone. Here, I show the percentage of California residents who rent on a county basis...The rendering speed is very slow due to the recursive MBC calls and small circle areas. However, it is worth the wait if all you are trying to do is download a map for a report...

Hope that you had a great past week and that next week 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