Understanding animated transitions in data visualization

Alec Barrett for TWO-N describes the benefits and some of the intricacies of animated transitions in data visualization.

This visual essay is inspired by the question: What is happening conceptually between the start and end of a transition? I look at reasons for using animated transitions (besides “it looks cool”) and at the kinds of variables that can be transitioned. I conclude that we can think of animated transitions in two categories: those where the space between the start and end states consists of real/realistic data and grammatically valid states for that visualization, and those where it does not.

The essay by the way was published on Observable, a new-ish way to publish “interactive notebooks for data analysis, visualization, and exploration.” Worth a look if you’re into publishing and sharing code.

Tags: ,

Network visualization shows transitions between states

Network transitions

If you think of network visualization as a collection of nodes and edges, you typically get a bunch of circles and lines that vary in width to represent volume or strength of connection. However, in this visualization, Fathom used dots to represent patients moving between different states of a health network. The more dots the more patients, or in terms of networks, the stronger the connections.

I don’t find the topic all that interesting, but the implementation is pretty sweet.

Tags: ,