Data Visualization and D3.js Newsletter Issue 127

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • OpenVis Conf 2015 Videos
    In this visualization of the talks from OpenVis 2015, we are playing with this idea of “connections” by showing how different words, concepts, and topics recur throughout the conference...Each timeline represents a single talk. The grey bars represent about 30 seconds of the talk and their lengths indicate meta information, such as the number of words appearing in that segment, or the average word length...
  • D3 Without SVG
    Typically, when creating interactive visualizations with d3.js, you are building your graphics up in SVG...this entire NY Times visualization is built with no SVG. This means that the entire visualization works great in both modern browsers and old ones that don’t support SVG like IE8 (I tested it and its just a little less smooth then in Chrome, but otherwise fine)...Here I’d like to look at just this one facet of how this visualization was made: how they use D3 without SVG...
 

Data Visualization Reading and Videos
 

  • Chord Progressions Of 5000 Songs!
    The Hooktheory.com database contains analyses of over 5000 songs. These analyses are uploaded by users and allow for all these songs to be analyzed in bulk, as well as individually. One of these ‘all song’ analyses enables users to gather chord progressions on ALL songs (see the analysis file to see how i did it, using the hooktheory API and R). This allowed us to create a Sankey visualization of all chord progressions in the Hooktheory database...
  • Visualization: Now That California’s “Rainy Season” Is Over, How Do Those Reservoirs Look?
    After the driest winter on record, California is bracing for another hot, thirsty summer. Deep into the fourth year of its historic drought, with no relief in site, the state is frantically trying to figure out how to cope with a lot less water. Historically at this time year, California’s reservoirs are bulging with plentiful winter rains and Sierra snow melt. Not so much these days. Water levels across the state at a record lows, with every major reservoir well below capacity, most less than half full...This above map, created for The Lowdown by Bay Area web developer Victor Powell, shows fluctuations since 2010 in California’s 30-largest reservoirs...
  • New Resource: Understanding Data Visualisations
    Regular readers will be somewhat aware of my involvement in a research project called 'Seeing Data', a 15 month study funded by the UK Arts and Humanities Research Council and led by Professor Helen Kennedy from the University of Sheffield...We are now concluding our findings and beginning our dissemination of a range of outputs to fulfil our aims...The first of our outputs is a resource called 'Understanding Data Visualisations', a simple website created specifically for the first of those listed target audience groups, the 'general public' or, to put another way, people who are interested in visualisations, but are not experts in this subject...
  • A Gorgeous Atlas Of New York Tree Species
    Though New York can sometimes seem like a drab warren of chain-link fence and oily pavement, the city actually has an impressive number of trees. On the streets alone—not counting private properties and parks—there were 592,130 at last reckoning, a leafy explosion you can now peruse in this great visualization of tree species...
  • ggExtra: R package For Adding Marginal Histograms To ggplot2
    My first CRAN package, ggExtra, contains several functions to enhance ggplot2, with the most important one being ggExtra::ggMarginal() - a function that finally allows easily adding marginal density plots or histograms to scatterplots...
 

D3.js Reading and Videos
 

  • United States Of Animation
    Made a little visualization that morphs the United States into a scatterplot...I used this example by Mike Bostock for the general shape tweening technique. It took a bit of munging to apply this pattern to all 50 states because several states are not just one connected polygon but also contain many smaller non-contiguous pieces (e.g., Long Island in New York)...
  • Spiral Triangle
    A partial recreation of a mesmerizing (and topologically impossible!) untitled GIF by PATAKK...
  • Generating D3js Motion Charts From rCharts
    Remember Gapminder, the animated motion chart popularised by Hans Rosling in his TED Talks and Joy of Stats TV programme?...One of the reasons that I wanted to use R for the data transformation step, rather than something like Python, was that I was keen to try to get a version of the motion charts working with the rCharts library...

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