Data Visualization and D3.js Newsletter Issue 179

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Pathfinder: Visual Analysis Of Paths In Graphs
    In this paper, we present visual analysis solutions dedicated to path-related tasks in large and highly multivariate graphs. We show that by focusing on paths, we can address the scalability problem of multivariate graph visualization, equipping analysts with a powerful tool to explore large graphs. We introduce Pathfinder, a technique that provides visual methods to query paths, while considering various constraints...
  • The Network Behind The Cosmic Web
    The concept of the cosmic web—viewing the universe as a set of discrete galaxies held together by gravity—is deeply ingrained in cosmology...Our research used data from 24,000 galaxies to construct multiple models of the cosmic web, offering complex blueprints for how galaxies fit together. These three interactive visualizations help us imagine the cosmic web, show us differences between the models, and give us insight into the fundamental structure of the universe...
 

Data Visualization Reading and Videos
 

  • Subtleties of Color
    The use of color to display data is a solved problem, right? Just pick a palette from a drop-down menu (probably either a grayscale ramp or a rainbow), set start and end points, press “apply,” and you’re done. Although we all know it’s not that simple, that’s often how colors are chosen in the real world. As a result, many visualizations fail to represent the underlying data as well as they could...
  • The Dirty Little Secret That Data Journalists Aren’t Telling You
    The difference between my map and Pew's -- again, they both use the exact same data set -- underscores a bit of a dirty little secret in data journalism: Visualizing data is as much an art as a science. And seemingly tiny design decisions -- where to set a color threshold, how many thresholds to set, etc. -- can radically alter how numbers are displayed and perceived by readers...
  • An Emotional Map Of The City, As Captured Through Its Sounds
    Imagine if instead of asking your realtor for a quiet street, you asked for one where you could hear laughter, birds chirping and music drifting out of car windows. That's the idea behind Chatty Maps, a new sound mapping project from a Yahoo research lab in Barcelona. Unlike other projects that map cities by sound, Chatty Maps isn't measuring volume or ranking neighborhoods as noisy or quiet. Instead, it shows the city across a spectrum of different sounds—as well as the emotions we associate them with...
  • The Truthful Art by Alberto Cairo: Interview
    The Truthful Art is the newest book by Alberto Cairo, and the second book of a longer, planned series. Following the huge acclaim and success of his last book, The Functional Art, Alberto expertly dives into getting data visualizations both accurate and designed for effective communication...
 

D3.js Reading and Videos
 

  • Sierpinski Carpet
    Sierpinski carpet using a recursive D3 selection pattern. The cursor will automatically split areas further...
  • Visualizing Distributions
    A few ways to visualize 1D distributions...Swarm and pile plots show all the data points but can't be used when there are a lot of data points. Histograms and boxplots work for any number of data points since they are visualizing summary statistics. Histograms provide more information than a boxplot. Boxplots fit in small spaces, making them nice for comparing many distributions side-by-side...
  • How To Make A Piechart Using React And D3
    Pie Charts work...To build this, we’re going to: use a d3 layout to calculate a piechart, use React stuff to render the piechart, and build a generic Piechart component...At the end of this tutorial, you’ll have piechart component that you can use like this..
  • Simplest Way To Add Zoom/pan On D3.js
    I needed to add zoom/pan on d3.js visualisation. After a painful search on Google, I finally found a simple way to do it...D3.js has everything to do it with only a few lines of code...
  • Narrative Charts
    This is a bare-bones example for using the d3-layout-narrative module. It's a cut-down version of the Episode IV chart in Star Wars: every scene from I-VI charted at ABC News...

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