Design Better Data Tables - Deepstash

Oldstyle and lining figures look nice in sentences, where they better match the size and spacing of Lower-Case letters. Lining figures are more uniform, and reinforce the Grid-Like structure of the...

STASHED IN:

1

Design Better Data Tables

medium.com

STASHED IN:

0 Comments

Css provides a Slightly-Cryptic syntax for enabling this feature. There are a few exceptions: the Excellentwork Sans is a free Typeface that has true Tabular lining figures. Monospace Fonts tend to...

STASHED IN:

1

Numerical data is read Right-To-Left; that is, we compare numbers by looking at their ones digit, then their tens, then their hundreds. Tables should keep numerical data Right-Aligned; textual data...

STASHED IN:

1

One easy way to keep your tables properly aligned is to keep the same number of significant figures — usually the number of digits after the decimal — consistent within each column. Significant fig...

STASHED IN:

1

Providing labels to accompany your data is crucial. These pieces of accompanying context allow a data table to be read by a wider audience, in a broader set of circumstances. 

STASHED IN:

1

It might sound like conventional wisdom, but giving your data table a clear and succinct title is as important as any other design decision you make. With a good title, tables are portable: they ca...

STASHED IN:

1

The most common label used in tables is the unit of measurement for the data; often, it’s repeated along with every single data point. Instead of repeating the label, only include it with the first...

STASHED IN:

1

Keep headers as short as possible; the design of the data table should be focused around the data itself, and long header labels can occupy a lot of visual space. 

STASHED IN:

1

When deciding how to style the graphic elements of a table, the goal should always be to reduce the table’s footprint without losing structural fidelity. One of the ways you can accomplish this is ...

STASHED IN:

1

Horizontal rules allow you to significantly reduce the vertical space occupied by long tables. Rules should be extremely light to not interfere with quick scanning. One Unsubstantiated opinion is t...

STASHED IN:

1

Using colors to provide organizational context or added meaning increases the likelihood of misinterpretation or error. Tables should be Monochromatic, with graphical elements like , and .

STASHED IN:

1

Fivethirtyeight set their numerical data in a Typeface called Decima Mono. The Typeface is specifically designed to fit lots of data in a small space. Special thanks to Edward Tutte for his Insight...

STASHED IN:

1

Deepstash helps you become inspired, wiser and productive, through bite-sized ideas from the best articles, books and videos out there.

GET THE APP: