Data Visualization and D3.js Newsletter Issue 180

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Spreadsheet Thinking vs. Database Thinking
    The shape of a dataset is hugely important to how well it can be handled by different software. The shape defines how it is laid out: wide as in a spreadsheet, or long as in a database table. Each has its use, but it’s important to understand their differences and when each is the right choice...
  • From Zero To D3
    Some time ago I was asked to run a short course to take analysts from javascript newbies to being capable of putting together interactive charts using d3...In the first session we go bottom up and run through how html, javascript, css and svgs all fit together. We then use that knowledge to build a simple scatterplot. In the second session we go top down using what we learnt from our basic example to unpick some more complex code and substitute in our own data. This gets us quite a long way...
 

Data Visualization Reading and Videos
 

  • How Information Graphics Reveal Your Brain’s Blind Spots
    We’re only at the very beginning of taking advantage of the ways graphics and visuals reveal our mental errors, our biases, our very bizarre behavior and our blind spots — to our own minds and to the situations of other people. I believe interactives, especially “you do it” graphics, can help. But given the length of this list, I suspect we’re going to be busy at it for a while.
  • Here’s How Much Of Your Life The United States Has Been At War
    Somewhere in the ever-flowing river of flotsam that is Twitter, a simple data point offered by a college commencement speaker jumped out at me before being borne away on the tide of immediacy...The speaker was ABC journalist Martha Raddatz, and the point is the key one in the intro: The graduates have spent half their lives with America at war...It's a startling idea, but an incorrect one. The percentage is almost certainly much higher than that...
  • PyGraphArt
    Some Python code to make GIFs from graph algos...
  • Learning From Lombardi
    Mark Lombardi began as a painter who was also deeply interested in research, with a natural bent toward reading and absorbing large amounts of information. In 1994, he began to create drawings such as this one to depict the complex narratives he would uncover through his curiosity about anything from failed banks to corruption in government to organized crime...
  • grafi.js - JavaScript Image Processing Library
    grafi.js is a library intended for learning about how image processing works. Each modules are intentionally kept small and users are encouraged to read the source code to learn about different methods and algorithms. In result, grafi may not be the most performant or the most sophisticated image processing library, but that's the point...
 

D3.js Reading and Videos
 

  • D3 Sparkline Chart
    Reusable sparkline chart in D3.js, similar to mashable's 'velocity graph'...This chart was built with Mike Bostock's reusable D3.js charts best practice in mind...
  • Broken Keyboard Algorithm Visualization
    As something of an algorithms and data viz geek I thought I'd take part...With an algorithm in mind we can turn to visualizing it...Once that clicked it's pretty straightforward to propose some sort of sliding window approach which makes use of the fact we don't need to repeat work...
  • Zoomable Scatter: Cancer Prevalence And Survival Rates
    Last Friday, De Tijd published a multimedia article on cancer in Belgium and immunotherapy. To set the stage, the author wanted to include some numbers on the prevalence of different types of cancer in Belgium...My colleague Raphael Cockx... passed the data to me and asked me what we could do with it...So it was time to take out the Swiss army knife of dataviz, which is of course D3.js...
  • Isochrone Driving Maps Of The World
    Nearly a year ago I wrote a blog post which overlaid travel time (isochrone) data on top of a map of Europe. It showed how long it would take somebody to travel from a given city to any other point in Europe using only public transportation. In this post, I do the exact same thing using driving times...

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