Data Visualization and D3.js Newsletter Issue 199

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Visualizing TFL (Transport For London) Accident Data
    This interactive visualisation aims to display traffic accident information as kept by Transport for London for the year 2015. The traffic incidents are plotted geographically on the map, colour coded by severity, and there are some interactive summary statistics in the left panel...Interactive elements highlight on hover, and can be clicked to filter the selection. The supplementary information is broken down by vehicle type, by the age-range of the people involved in the incidents and also by the London borough in which the incident occurred...
  • d3.unconf 2016
    d3.unconf is an annual gathering of data visualization practitioners. We're meeting to catalyze involvement and knowledge sharing within the d3.js and greater visualization community...For our third annual event we are extending the festivities to two days of sharing and hacking. On Sunday the 16th we will continue with our traditional unconference activities at Galvanize. On Monday the 17th we will convene in Google's SF office for another full day of d3 goodness...
 

Data Visualization Reading and Videos
 

  • Visualizing Hundreds of My Favorite Songs on Spotify
    A couple of months ago I stumbled upon a cute web app that lets you log in with your Spotify account and see some interesting attributes of the songs in your playlists...By getting all these interesting song attributes like Danceability, Energy, Acousticness and so on, I got the idea to do a statistical analysis of my favorite songs...Enough talking, just show me the graphs!...
  • SVG Heat Shimmer
    SVG Heat shimmer created by SVG Filters...Some controversial shortening steps have been taken, for example, not wrapping the into as the spec says a filter doesn't render on its own; no explicit use of filter inputs / results (it's implied); the use of setTimeout instead of requestAnimationFrame; repeatedly querying the DOM element inside the loop. SMIL wasn't used as it's deprecated...
  • Generative Elevation Map With SVG filters
    This SVG filter generates elevation, flat waters and icy mesas...Move the mouse sideways to change where the light source is...This block has: a) generative topographic map creation with SVG, b) use of a D3 or custom palette in an SVG filter, testing with pretty topo palettes, c) bump mapping and lighting...
  • How Was Life In 1820, And How Has It Improved Since Then?
    Views on social progress since the Industrial Revolution are largely based on historical national accounting in the tradition of Kuznets and Maddison. But trends in real GDP per capita may not fully reflect changes in other dimensions of well-being such as life expectancy, education, personal security or gender inequality. Looking at these indicators usually reveals a more equal world than the picture given by incomes alone, but has this always been the case? The report How Was Life? aims to fill this gap...
 

D3.js Reading and Videos
 

  • d3-line-chunked
    A d3 plugin that renders a line with potential gaps in the data by styling the gaps differently from the defined areas. Single points are rendered as circles. Transitions are supported...
  • d3r - d3.js helpers for R
    d3r doesn’t make beautiful interactive htmlwidgets, so what does it do? d3r provides helpers for d3.js in R by providing two (and more coming) functions: a) easy dependency functions for d3.js (v3 and v4) and b) converter for R data structures to d3.js nested hierarchies...
  • Rollup And D3 Plugins
    Mike Bostock outlines a standard for putting together d3 plugins. My first serious attempt is d3-bumps-chart - a way of visualizing bumps race results...I decided to try being more specific and only import the individual d3 packages I was using...However, when I moved to importing specific objects from individual d3 modules I started seeing the following error message...
  • Overlapping Bump Chart
    Playing around with the idea of a bump chart comparison with two overlapping areas...

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