Data Visualization and D3.js Newsletter Issue 205

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • An Empire Built On Sand: Reexamining What We Think We Know About Visualization [PDF]
    If we were to design Information Visualization from scratch, we would start with the basics: understand the principles of perception, test how they apply to different data encodings, build up those encodings to see if the principles still apply, etc. Instead, visualization was created from the other end: by building visual displays without an idea of how or if they worked, and then finding the relevant perceptual and other basics here and there...In this paper, I attempt to tease apart what we know and what we only think we know, using a few examples. The goal is to point out specific gaps in our knowledge, and to encourage researchers in the field to start questioning the underlying assumptions...
  • d3-scale-cluster - D3 scale that clusters data into discrete groups
    D3 scale that clusters data into discrete groups. Similar to quantile scales, the cluster scale maps a sampled input domain to a discrete range. The number of values in the output range determines the number of clusters that will be computed from the domain...Clusters are computed using a 1-dimensional clustering algorithm with an O(kn log(n)) runtime (where k is the number of clusters desired). This should be fast enough for the majority of projects...
 

Data Visualization Reading and Videos
 

  • Algebrator
    A tool to manipulate mathematical expressions, inspired by the paper Interactive Algebra Manipulation by Geoffrey Irving. This project uses math.js to parse an expression into a tree structure which can be manipulated, and MathJax to beautifully display the expression in the browser...
  • Royal Constellations - A 1000 years of ancestral connections in the European royal families
    Royal & aristocratic families are known for their fondness of marrying within their own clique. Restraining aggression between two families, creating a stronger front towards a third family, increasing territorial acquisitions, legal claim to a foreign throne through inheritance are some of the most common reasons...This leads to very interesting & entangled family trees which the visual below tries to convey...
  • Thumbs Up Viz: Hurricane Matthew
    Hurricane Matthew was the first major hurricane (category 3 or above) to hit the U.S. since 2005. In the wake of the storm several visualizations appeared putting the storm in historical context, comparing the forecast track with the hurricane’s actual position, and showing the rainfall and resultant flooding the storm brought to the Southeast...
  • Data Stories Podcast Episode #84 - Statistical Numbing with Paul Slovic
    We have Professor Paul Slovic from University of Oregon on the show to talk about “Statistical Numbing.” Professor Slovic is a renowned expert on the effect of numbers and statistics on empathy (or lack thereof). His fascinating, if not depressing, experiments have consistently shown how hard it is for statistics to elicit any sense of scale in human tragedies and how numbers can often even be detrimental if the goal is to elicit compassion and generous actions from an audience...On the show, we talk about “Statistical Numbing” and it psychological underpinnings. Professor Slovic also describes his experiments and their implications...
 

D3.js Reading and Videos
 

  • Jagged Lines - Given two points, draw a jagged line between them using D3 v4.
    You can configure the height of the peaks via maxPeakHeight and the distance between peaks with minPeakDistance...The logic for computing the jagged points is done in createJaggedPoints(). The basic process is that the two ends points are rotated so that they are in line with the x-axis. Then at random points in between the ends (based on minPeakDistance), the y value is modified (based on maxPeakHeight). Finally, the line is unrotated and you get the desired result...
  • Transitions Don’t Float
    The important take away is that transitions are not free floating objects; they are applied to selections (sometimes implicitly) and begin immediately. In the solution above a new transition is created for each selection. We simply factor out the configuration piece for easy reusability...
  • Chained Transitions D3 V4
    This animation demonstrates the use of transition.transition and d3.active to create chained transitions. Chained transitions inherit the reference time of the original transition, guaranteeing synchronicity...
  • Voronoï playground : undulating radial wave
    The idea comes when I look at Voronoï tessellation where (sometimes) paths emerge, due to the smooth chaining of cells's borders. This is put to its extreme in these blocks...

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