Data Visualization and D3.js Newsletter Issue 193

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Five Years of Drought
    This is a map showing over five years of drought data (285 weeks, combined into a single view) in the United States. The dots are proportionally sized by the amount of time over the past five...
  • Brushable & Interactive Bar Chart In D3.js
    A short post where I wanted to share something I recently build with d3.js which might be useful for other people as well; a bar chart in which you can brush. Handy for when you have a lot of categories/bars to show with limited space, but you don’t want to only show the top X. By using the brushing technique, you give the choice to the user. They can decide which portion of the bars to see, only the top 5, bottom 10, 20 in the middle, or all at once...
 

Data Visualization Reading and Videos
 

  • Telling the Truth
    What do each of these thematic maps have in common? They are all mapping the exact same data. What makes them so different? They are using different classification methods. One of the first things that pops up when whipping up a thematic data visualization that has discrete range brakes (commonly a choropleth map, but not necessarily) is how do I bucketize my data for color assignment?...Some Options: a) Quantile Breaks the data into equally filled groups, b) Standard Deviation Breaks the data into statistical chunks diverging from the mean, and c) Equal Interval Breaks the data into equally distant groups...
  • Square Pie Chart Beats Out The Rest In Perception Study
    Many hate pie charts. Others love them. I think they’re useful but have limitations...Robert Kosara dug up a paper that he and his student Caroline Ziemkiewicz wrote a few years ago on square pie charts. Instead of filling a circle to represent proportion, the square pie chart fills a — wait for it — square...In terms of reading the actual represented proportion, the square one performed best, against the stacked bar, pie, and donut...
  • All The ‘Little Of Visualisation Of Design’
    This is a collection of the entire, growing series of posts about the 'little of visualisation design', respecting the small decisions that make a big difference towards the good and bad of this discipline. In each post I'm going to focus on just one small matter - a singular good or bad design choice - as demonstrated by a sample project. Each project may have many effective and ineffective aspects, but I'm just commenting on one...
 

D3.js Reading and Videos
 

  • Animating SVG Charts Built With React And D3
    For this blog post's experiments...the item built here will be a generic line chart and will plot a series of random values. It will be a simple React component and not be tied to any other system such as Redux. Supporting animation will be a matter of creating a higher-order component that will add this behavior to the chart components without modifying their code...
  • Interactive Rota
    Jean Deckers, Tabella ad inveniendum numerum Cycli solaris quocunque anno centesimo currente - a pretty old example of interactive visualization...
  • D3 JezzBall
    JezzBall is a video game originally published for Microsoft Windows in 1992. The player must capture parts of a rectangular space by dividing it with horizontal or vertical lines. While each line is being drawn it must not be touched by bouncing balls...This is a D3.js clone of JezzBall...
  • Poisson-Disc II
    This animation demonstrates how Bridson’s poisson-disc sampling algorithm works...Red dots represent “active” samples. At each iteration, one is selected randomly from the set of all active samples. Then, up to k candidate samples (shown as hollow black dots), are randomly generated within an annulus surrounding the selected sample...

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