Home icon
Data Visualisation Guide

Design principles

Pages in Design principles

Graphic design: introduction

The grid

Arrangement and reading direction

Chart anatomy

Breaking the grid

Application of graphic design in data visualisation

Visual hierarchy: introduction

Visual hierarchy: x & y positioning

Visual hierarchy: z positioning

Visual hierarchy: sizing

Visual hierarchy: colour

Visual hierarchy: enclosure

Chart elements: introduction

Chart canvas

Axes, grids and legends

Chart junk and data ink: origins

Chart junk and data ink: minimalistic vs rich design

Chart junk and data ink: counter movement

Bitmap images

Vector images

Bitmap versus vector images

Graphic file formats: units

Graphic file formats: guidelines

Natural aspect ratios

Line chart aspect ratios

Scaling charts

What is colour?

Describing colours: introduction

Describing colours: RGB

Describing colours: HSL

Describing colours: CMYK

Relationship between RGB, HSL and CMYK

Colour harmonies

Colour contrast

Figure - ground

Colour connotations

Colour for categories

Colour for numerical data: introduction

Colour for numerical data: #EndRainbow

Colour for numerical data: perceptual uniformity

Colour for numerical data: colour scales

Colour: guidelines

Colour: Tools

Number rounding

Number formatting

Date formatting

Serif vs Sans serif

Font connotations

Fonts and typefaces

Condensed fonts

Small fonts

Fonts for numbers

Other design variables for text

Typography in accessibility

Text on images

Table design: scannability

Table design: clutter

Table design: integrating visualisations

Table design: interactive tables