Topic

Data Visualization

Charts, tables, and the visual display of quantitative information in products.

Product data visualization is not poster design. The chart has to survive real data, empty states, and a user who is trying to answer a question quickly.

UI Coach guides

Start here

GuideUI CoachData Visualization

Data Visualization for Dashboards

Chart and table choices for product dashboards, with an emphasis on questions rather than decoration.

Read the guide

From the community

Latest articles

Lea Verou · Nov 12, 2020

Simple pie charts with fallback, today

Five years ago, I had written this extensive Smashing Magazine article detailing multiple different methods for creating simple pie charts, either with clever use of transforms and pseudo-elements, or with SVG stroke-dasharray . In the end, I mentioned creating pie charts with conic gradients, as a future technique. I.

Read

CSS Wizardry · Aug 19, 2024

Cache Grab: How Much Are You Leaving on the Table?

Quantifying the importance of caching just got a lot easier

Read

Lea Verou · May 14, 2018

Responsive tables, revisited

Many people have explored responsive tables . The usual idea is turning the table into key-value pairs so that cells become rows and there are only 2 columns total, which fit in any screen. However, this means table headers need to now be repeated for every row. The current ways to do that are: - Duplicating content i.

Read

Practice this