Data Visualization and D3.js Newsletter Issue 174

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • How To Replace A Pie Chart
    Yesterday a family member forwarded me a Wall Street Journal interview titled What Data Scientists Do All Day At Work...I wasn’t disappointed in the interview: General Electric’s Dr. Narasimhan gave insightful and well-communicated answers, and I both recognized familiar opinions and learned new perspectives. But I was disappointed that in an article about data scientists (!) they would include a [pie] chart this terrible...
  • Mike Bostock: What Makes Software Good?
    As someone who creates open-source software, I spend a lot of time thinking about how to make software better...I won’t be defining a general framework. But I do have some observations I’d like to share, and this is as good a time as any to perform a post hoc rationalization of the last year or so I’ve spent on D3 Version 4.0...
 

Data Visualization Reading and Videos
 

  • Malofiej24: The Awards
    Last week I attended the 24th edition of the Malofiej Infographics World Summit in Pamplona, Spain. It was an incredible week...The official list of the awards was published as a pdf and is sorted by category. I sorted the list of the online medal winners by medal color (gold, silver and bronze) and grouped the medals by media. I think this is a little more convenient for browsing all the winners...So here is the list...
  • Data Visualization Literacy with Jeremy Boy, Helen Kennedy and Andy Kirk
    Data Stories Podcast Episode # 69...We have a nice trio on the show for this episode: Jeremy Boy is a postdoctoral researcher at NYU School of Engineering, Helen Kennedy is Professor of Digital Society at University of Sheffield, and Andy Kirk is our beloved editor at visualisingdata.com...We talk with these three experts about Data Visualization Literacy — that is, how people read data visualizations. We ask, how do we measure literacy? How do we improve it? And how do we even define literacy when we’re asking our viewers to read images?...
  • Nathan Yau: What I Use to Visualize Data
    “What tool should I learn? What’s the best?” I hesitate to answer, because I use what works best for me, which isn’t necessarily the best for someone else or the “best” overall...Nevertheless, this is the set of tools I use in 2016, which converged to a handful of things over the years. It looks different from 2009, and will probably look different in 2020. I break it down by place in my workflow...
  • Standings Tracer - Visually Explore Ranking Changes In Football/Soccer Seasons
    There are hundreds of matches in each season. The standings table can tell you the final outcome, but does not necessarily tell a good story of the teams' journies throughout the season. This project aims to surface more information to give you the sense of what it was like in each season: the excitement and dramas of the title races, the struggles of battles to avoid relegations, the ups and downs of invidual teams, and many more patterns yet to be explored...Use the controls below to select country, season and division of your choice...
 

D3.js Reading and Videos
 

  • D3-PATH - What Is It Good For?
    This post introduces a new feature of D3 version 4: the d3-path package...d3-path is an abstraction over SVG path creation which uses the canvas element’s Context2D interface. Previously creating path generation code involved a lot of concatenating SVG path commands like M0,0 or L2,2, and the somewhat more cryptic C70 20,120 20,120 10. Even with ES6 string interpolation such code can be incredibly hard to read (and write!)...
  • Tweening Custom Shapes And Paths In D3.js
    How to smoothly transition custom shapes and paths in D3.js...An interpolator is a function which takes your start state A, and your end state B, and returns a function...This function can be passed a time (from 0 to 1) and returns an intermediary state between A and B. Your interpolator is the function D3 will be calling every 16ms during a transition, in order to tween your shape through lots of intermediary shapes from A to B...Let's show how a very simple interpolator in D3 works...
  • Etytree
    I am currently working on “etytree” (click on the link to see the demo), an application that visualizes the etymological tree of a word, i.e., the etymology of a word in the form of a tree, reconstructing its ancestral form, its cognate words, its derived words, etc...The current version is a demo that implements the interactive layout for a very limited set of words...
  • Animating With React, Redux, And D3
    That’s a particle generator. It makes tiny circles fly out of where you click. Hold down your mouse and move around. The particles keep flying out of your cursor...The whole thing is built with React, Redux, and d3. No tricks for animation; just a bit of cleverness...Here’s the general approach...
  • D3 Calendar Heatmap
    A d3.js heatmap representing time series data. Inspired by Github's contribution chart...

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