Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The least liked charts are plain and triple striped.
  • The most liked are single striped, double striped, and lined
    • Note: the two-colour option has 15% of people who liked it least. Whereas single-striped and lined has less people like it less


...


Design Better Data Tables by Matthew Ström (3 Aug 2016)

https://medium.com/mission-log/design-better-data-tables-430a30a00d8c


Font: ensure its Lining (not old style).

Image Added


Font: ensure its tabular, not proportional

Image Added


Example the font: Work Sans (link to Google Fonts).

How to enable tabular lining in CSS: CSS-Tricks article.


Alignment

Textual data: left-aligned

Numerical data: right-aligned

Column headers: aligned with the data

No center alignment


Units: include only with the first data point in each column


Rules:

Vertical rules likely unneeded

Horizontal rules allow you to have less vertical space

"Zebra striping is bad."



...