This post describes the role of abstractions, and the importance of creating landmarks between layers of abstraction in data visualization.

Part 1 of 3 from my Data Visualization Retrospective talk at Visfest 2019

A post about the design, the process, and the reception of a side project where I re-designed the receipt with data visualization.

Designed and implemented the remake of Semiotic's Documentation site. Semiotic is a React data visualization library created by Elijah Meeks used extensively in the visualization apps on our team at Netflix.

It was also used to create the Strong Openers and Late Bloomers project.

Watercolor, and mixed media paintings.

Born out of a frustration with picking colors for data visualizations. This project is optimized for tweaking, copying, and pasting in and out of JavaScript.

Commonly explanatory data visualization e.g. scrollytelling is framed has having a story, and exploratory data visualization e.g. dashboards is framed as not having a story.

This post examines that framing in three sections:

• Why does framing exploratory viz as a form of storytelling matter?
• Why are dashboards more suited for branching narrative?
• How do I design storytelling in dashboards effectively?

Based on real events. The latest are on instagram.

The next annotation installment react-annotation. Composable annotations & 2 new types.

Go to the full documentation, see the code on github, or edit an example on CodePen.

A remake of The Ebb and Flow of Movies by the New York Times.

The goal of this upgrade is to make the library easier to use. The main change is custom styling is built in, no longer needing a css file, and you can set a color property to change the color of the entire annotation for easy styling.

An explanation of the design of the UI and the data visualizations in Bundle Buddy, a tool to identify code duplication when packaging JavaScript applications.

In today's data visualizations, annotations are few and far between. When you do see them they are all styled the same and only discussed as part of the final product in a context-setting mode.

There are many more ways they could be used to better communicate with our audiences. In this post I discuss two topics Annotation Design and Annotation Modes to explore more uses for annotations.

Sick of making legends for your visualizations? Here's my solution, d3 legend a module for d3.