Data Visualization and D3.js Newsletter Issue 185

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • An Ode To D3.js Projections
    When it comes to making maps online there are many tools available, but they all have one thing in common: Geographic coordinates go in and a two-dimensional image comes out...What happens when you bring geospatial data into the rich and expressive d3.js data visualization ecosystem? The possibilities are endless, and this post attempts to explore and categorize some of them...
 

Data Visualization Reading and Videos
 

  • Capitals Of The World
    We often take maps and the technology behind it for granted. This does not mean that this is the case for every place in world, not even for every captial city. Instead of visualizing something that exists in the data, this project explores the idea of visualizing something that does not exist, the unseen, the blindspot, the missing data...OpenStreetMap (OSM) powered tool for extracting and visualizing road and building data for all capitals of the world...
  • Terrapattern: "similar-image search" for satellite photos
    This is the alpha version of Terrapattern, a visual search tool for satellite imagery. The project provides journalists, citizen scientists, and other researchers with the ability to quickly scan large geographical regions for specific visual features...
  • The Scrollytelling Scourge
    Scrollytelling is a common way of interacting with stories these days. Scroll down and the story unfolds! Except it’s often awkward, brittle, and gets in the way...
  • Tracking My Tears
    How a spreadsheet helped me make sense of my emotions... I'd been using spreadsheets for years to manage all my other life-logging projects, so it felt natural to use them to capture crying as well...In order to track crying, I had to create a scheme to operationalize it. I defined a "cry" to begin once I shed a tear and end when I regained composure. I also knew that my crying sessions varied highly by intensity, so I created a 1-5 scale to approximate the experience...
  • Visualizations That Really Work
    Not long ago, the ability to create smart data visualizations, or dataviz, was a nice-to-have skill. For the most part, it benefited design- and data-minded managers who made a deliberate decision to invest in acquiring it. That’s changed. Now visual communication is a must-have skill for all managers, because more and more often, it’s the only way to make sense of the work they do...
 

D3.js Reading and Videos
 

  • D3 Local Variables
    It’s often desirable when using D3 to define local behavior, that is, behavior that is specific to an individual element, rather than the same for all elements in a selection. The simplest example of this is passing a function to selection.attr to compute an attribute value for each element...But what happens if your local behavior is more complicated?...So here’s an idea for a new approach, inspired partly by ES6 Symbols. What if you could declare a local variable, similar to a standard var, but whose value is scoped by the DOM?...
  • D3 Map Scrollers
    Scrollers are a cool way to show data visualizations in general, and maps where things happen in particular. I’ve been wanting to do one since I watched this Mike Bostock example, and now I’ve finally learned how to do it...
  • d3.ringNote
    D3 plugin for creating and positioning circle and text annotation. Useful for commenting on an area of a graphic or map...Inspired by the swoopyDrag plugin and the annotation on maps like these from the New York Times...
  • Data-Based And Unique Gradients For Visualizations With D3.js
    In the past few weeks, several tutorials about SVG gradients in data visualizations have come to pass already. But those were mostly just focusing on creating one gradient. In this tutorial, I want to show you how you can create a gradient for each of your data points. And how to adjust each of these gradients using some aspect of your data, so that each gradient will become unique...

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