Data Visualization and D3.js Newsletter Issue 145

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • When To Use Maps In Data Visualisation: A Great Big Guide
    When it comes to data visualisation, everyone loves a map. More exciting than a chart, easier than an infographic, it’s generally the first thing that journalists and journalism students alike ask: “How can we create a map?”...But just because you have some geographical data doesn’t mean you should map it...
  • One Way To Give A National Map Geographical Detail
    With the advent of D3, a Javascript library for visualizations, making a lightweight, responsive national map is easier than ever before—particularly, if you’re a fan of the Albers USA projection like me...The only problem is how does one easily add geographical detail to a D3 map when the map itself is just polygons? Zooming into a D3 map doesn’t offer further geographical context, it only enlarges the selected polygon...
 

Data Visualization Reading and Videos
 

  • Why I Ditched My FitBit And What This Means For Analytics
    When I got a Fitbit 18 months ago, it was amazing...My daily dashboard, focusing mostly on a 10,000-step target, was incredibly motivating...After a year, my Fitbit strap broke. I decided not to buy a replacement. Why? Because Fitbit’s analytics was a dead-end dashboard...
  • 10 Significant Visualisation Developments: January To June 2015
    To mark each mid-year and end of year milestone I, Andy Kirk, try to take a reflective glance over the previous 6 months period in the data visualisation field and compile a collection of some of the most significant developments. These are the main projects, events, new sites, trends, personalities and general observations that have struck me as being important to help further the development of this field...
  • Small Multiples Vs. Animated Gifs For Showing Changes In Fertility Rates Over Time
    Although Stephen’s GIF is fun to watch...I couldn’t help but be frustrated by the limitations of GIFs in data visualization...This drawback is the exact reason that small multiples were introduced to data visualization: If we’re comparing the same data in the same format between several different [times|treatments|countries|etc.], then we can visualize the data on the same scale and axes to make them easily comparable...so I took Stephen’s data (which is actually from the Human Fertility Database) and reworked it into small multiples...
 

D3.js Reading and Videos
 

  • d3act - D3.js With React.js
    d3 has been the de facto standard when it comes to data visualisations for a while now and React has recently emerged as the go-to library for building user interfaces...d3 takes a data-driven approach and React aims to solve the problem of data changing over time in the context of building large applications...d3act is inspired by @nicolas_hery's approach: create a lightweight React component wrapper that maps React's lifecycle methods componentDidMount, componentDidUpdate and componentWillUnmount into a d3 chart's create, update and unmount methods respectively...
  • Generating Palettes The Old-fashioned Way
    A couple weeks back I complained about the lack of diversity of palettes in the data visualization world, and especially in data visualization products created with D3. That post provided a few resources for generated palettes, but ignored the best way to identify a truly striking and original palette. This post focuses on using artistic works to derive just such a palette for data visualization...
  • d3.svg.ribbon
    d3.svg.ribbon is designed to interpolate ribbon or band areas based on sample points with radii...I was dissatisfied with the way that thicknesses get attenuated creating bump charts with d3.svg.area. If they jump between ranks too significantly, it makes the corresponding graphical transition look too thin...In contrast, the same bump chart using d3.svg.ribbon does not create these attenuation artifacts...
  • D3 Time Formatting Example
    This little tool helps you try out d3.time.format specifiers...Enter a date (year, month, day, hour, minutes, seconds)...Add your own format specifier (ex: %a)...Date formatted below...
  • Comparing Map Projections
    A mashup of Map Projection Distortions and transitions using the D3.js extended geographic projections plugin...A comparison of map projections by four different types of distortion: a) Acc. 40° 150%, b) Scale , c) Areal, and d) Angular...

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