The five best design links, every weekday

Category: Data Visualization

All Categories

theverge.com

Ten years of breaches in one image

Drawing on data from the “Have I Been Pwned” service, we’ve mapped out 10 years of breaches.

contra.com

The State of Independence Report 2021

Contra surveyed over 10,000 freelancers across design, engineering, product, writing, marketing, and social to gather insights on the future of work.

uxdesign.cc

How bullet charts taught me about the importance of layering

One of the most interesting things that I’ve found is that working with advanced visualizations often requires a sharper design eye.

catherinemadden.com

Journey Mapping, Emotional Waves, and Fiber Art Data Viz

Two years ago, I had a blast creating this simple journey map that started with sticky notes and ended with some sort of layered line chart.

connorrothschild.github.io

The Bob Ross Virtual Art Gallery

You deserve to relax.

nytimes.com

What the Tulsa Race Massacre Destroyed

We created a 3-D model of Greenwood, home of “Black Wall Street,” as it was before a white mob set it on fire 100 years ago.

river-runner.samlearner.com

River Runner

Watch the path of a raindrop from anywhere in the contiguous United States.

thanaverage.xyz

Than Average

A small unscientific investigation into how we value and compare ourselves to each other.

youtube.com

YouTube Culture & Trends

Imagine you’re a creator about to record a new vlog for your YouTube channel. How do you welcome your fans to the show?

observablehq.com

Observable Plot

New JavaScript library for visualization of tabular data with a concise and memorable API to foster fluency and help you try out ideas quickly.

lockdown-trends.appspot.com

A year in lockdown trends

The hobbies we searched for during the pandemic’s first year.

cardesignhistory.com

Car Design History

Explore the evolution of car design through a data visualization of all cars designed by the big Italian design studios.

blog.datawrapper.de

When to use classed and when to use unclassed color scales

If you use a quantitative color scale, you need to decide if you want to split your values into brackets.

figma.com

By the numbers: one year of remote work

How work has changed over the past year, and what collaboration looks like through the lens of two Figma customers

fossheim.io

How to create a screen reader accessible graph like Apple’s with D3.js

After previously writing about the accessibility of Apple Health’s data visualizations, I felt inspired to recreate one of them with D3.js.

wattenberger.com

Combining React and D3

When I visualize data on the web, my current favorite environment is using D3.js inside of a React.js application.

chartscss.org

Charts.css

CSS data visualization framework.

blog.datawrapper.de

Which color scale to use when visualizing data

From hues to gradient types this four-part series goes deep on what color scales work with what data.

uxdesign.cc

Why 2020 was the year of data viz

If I had to point my finger at the biggest trend in design in 2020 I’d definitely point at data visualization.

graphics.reuters.com

Bats and the origin of outbreaks

As the WHO reaches its findings on the origins of the coronavirus, we explain why bats make ideal hosts for viruses.