Data Visualization and D3.js Newsletter Issue 191

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Visual Debugging Techniques for Reactive Data Visualization
    Interaction is critical to effective visualization, but can be difficult to author and debug due to dependencies among input events, program state, and visual output. Recent advances leverage reactive semantics to support declarative design and avoid the "spaghetti code" of imperative event handlers. While reactive programming improves many aspects of development, textual specifications still fail to convey the complex runtime dynamics. In response, we contribute a set of visual debugging techniques to reveal the runtime behavior of reactive visualizations...
 

Data Visualization Reading and Videos
 

  • Plot Breakdown: Back to the Future
    This is a breakdown of the plot to Back To The Future. It divides the plot into 38 beats and the time they occur, rounded to the nearest minute. The beats are color-coded to show which quest chain is active at that time, and the beats are broken down into 6 sub-beats. Instances of foreshadowing are mapped to the beat they influence and are color coded according to their purpose...
  • Map Projection
    Commonly, a map projection is a systematic transformation of the latitudes and longitudes of locations on the surface of a sphere or an ellipsoid into locations on a plane. Map projections are necessary for creating maps. All map projections distort the surface in some fashion. Depending on the purpose of the map, some distortions are acceptable and others are not; therefore, different map projections exist in order to preserve some properties of the sphere-like body at the expense of other properties. There is no limit to the number of possible map projections...
  • Defying Conventions In Visualization: Should Time Always Be On The Horizontal Axis?
    The New York Times has a very nice time-series line graph by Alicia Parlapiano. Notice that time is on the Y-axis. You've probably heard or read that time in statistical graphics like this should always be on the horizontal axis because it feels natural, and that if you do otherwise, readers will be confused...Could this be a cultural convention?
 

D3.js Reading and Videos
 

  • d3.layout.beeswarm - D3 plugin which computes a 'beeswarm' arrangement
    This d3 plugin produces a beeswarm arrangement, thanks to a dedicated algorithm and without the use a the d3.force layout...Beeswarm is a one-dimensional scatter plot with closely-packed, non-overlapping points. The beeswarm plot is a useful technique when we wish to see not only the measured values of interest for each data point, but also the distribution of these values...
  • World Countries Hierarchy
    A tree visualization of the hierarchy of countries in the World. Data from the United Nations Place Hierarchy. Inspired by: a) Dendrogram and Radial Dendrogram for usage patterns for d3-hierarchy, b) Religions Bar Chart for the glowing text effect, and c) Pan & Zoom III for usage patterns for d3-zoom...
  • D3 V4 and Vega 3.0
    Great questions! Now is a good time for us to share an update, including some of our thinking around Vega 3.0. First, we have no plans to migrate Vega 2.x to D3 4.0. There are simply to many required changes to make this a feasible and worthwhile effort. Instead, we are looking forward to Vega 3.0, which will be built using D3 4.0 modules...Initial development and prototyping of Vega 3.0 has been ongoing for a couple months, and some components are nearing sufficient maturity to move into open development. Here is an outline of what we have in mind. Some of this may be subject to change, but reflects our current plans...
  • Argyle
    Infinite argyle with random ColorBrewer and d3 4.0 color scales...

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