Data Visualization and D3.js Newsletter Issue 204

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • How to think like a data journalist: Chad Skelton at Information+
    In this talk, award-winning data journalist Chad Skelton will explain how to design interactive maps and charts that engage and excite the general public. Chad will discuss the process behind visualizations he has created on topics as diverse as crime, income inequality and organ donation. He will show how news principles — like the "lead" on a news story — can be applied to data visualization. And how letting users see themselves in a data visualization is one of the best ways to help them care about the data display...
  • d3-force Testing Ground
    This demo lets you interactively try various settings and combinations of forces for d3-force...
 

Data Visualization Reading and Videos
 

  • Learning R Versus d3.js for Visualization
    For those who work with R and D3.js, the differences between the two are obvious. But for those who are brand new to this world, the names might as well be gibberish. This quick primer is for the latter group...So R or d3.js for visualization? People ask me this fairly often, because I usually mention the two at the end of of my interactives...Here’s the quick answer:...
  • The Little Of Visualisation Design: Part 27 - The Reset Button
    I believe the inclusion of the 'Reset' button is of critical value [in this terrific example]. In offering the means to intricately alter several value settings, it is very useful to be quickly able to return the state of an interactive right back to its starting calibration (and do it in a way that doesn't require an inelegant browser page refresh). Surprisingly, I find this is an oft-neglected feature but certainly very useful...
  • The Shape of Song
    The Shape of Song began as a quest to "see" musical form. I created a visualization method called an arc diagram that highlighted repeated sections of music--or of any sequence--with translucent arcs...The method has since inspired many variations...Below I show more of the many forms that this visualization can take. In these images time runs downwards, rather than left to right....
 

D3.js Reading and Videos
 

  • K-Means Voronoi Relaxation
    This is an experiment in moving and shaping voronoi polygons to normalize the dispersion of points. The idea arose while mapping emergency calls logged by the San Francisco Fire Department, and was also inspired by Noah Veltman's Voronoi relaxation...To do this, I kind of combined aspects of Lloyd's algorithm and k-means clustering...
  • Building Dashboards with Django and D3
    Django and D3.js make a powerful combination for building dashboards to let people drill down into their own data. We'll walk through an emergency services dashboard built with the two and show how to make them work most effectively together, and how to stretch the Django ORM to accommodate the queries we'll need...Along the way, I found a set of tools that worked for me. The major components were: a) Django REST Framework, b) django-url-filter, c) NVD3 & D3, d) Ractive.js, and e) Leaflet...
  • Sol LeWitt's Wall Drawing 56 with D3.js
    Wall Drawing 56: A square is divided horizontally and vertically into four equal parts, each with lines in four directions superimposed progressively...Wall Drawing 56 was the first of Sol LeWitt’s wall drawings I tried to implement here on the web. I picked it for its simplicity: A square with four sets of patterns and two colors. I wasn’t sure exactly what interpreting and implementing these would entail, so I wanted something simple and recognizable at first....
  • Animated Path on Canvas Map | SF Bay Area
    An animated path on a map, in canvas inspired by the bl.ock Animated path using canvas from @rveciana. The path geography drawn was made by clicking on the map over at geojson.io and then converted to topojson using geojson-topojson...the San Francisco Bay Area land area geography is positioned and scaled using knowledge gathered from the classic tutorial Let's Make a Map...

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