All the ‘little of visualisation of design’

This is a collection of the entire, growing series of posts about the ‘little of visualisation design’, respecting the small decisions that make a big difference towards the good and bad of this discipline. In each post I’m going to focus on just one small matter – a singular good or bad design choice – as demonstrated by a sample project. Each project may have many effective and ineffective aspects, but I’m just commenting on one.


Part 1: Duplicate labelling

LoVD-Part1

Part 2: Axis-scaling

LoVD-Part2

Part 3: Integrating graphics into text

LoVD-Part3

Part 4: Data doubts

LoVD-Part4

Part 5: Axis line fading

LoVD-Part5

Part 6: Imposed colours

LoVD-Part6

Part 7: Connecting data points

LoVD-Part7

Part 8: Chart orientation

LoVD-Part8

Part 9: Juxtaposing photo-imagery

LoVD-Part9

Part 10: Enhanced annotations

LoVD-Part10

Part 11: Divergent colour shades

LoVD-Part11

Part 12: Visual guides

LoVD-Part12

Part 13: Orientation assistance

LoVD-Part13

Part 14: Better colour keys

LoVD-Part14

Part 15: Colour key titles

LoVD-Part15

Part 16: Exceptional composition

LoVD-Part16

Part 17: Spatial referencing

LoVD-Part17

Part 18: Label alignment

LoVD-Part18

Part 19: Editorial salience

LoVD-Part19

Part 20: Eliminating mistakes

LoVD-Part20

Part 21: Central baseline

LoVD-Part21

Part 22: ‘Show Gary Johnson’

LoVD-Part22

Part 23: Locating Y-axis Labels

LoVD-Part23

Part 24: (Mis)handling Long Values

lovd-part24

Part 25: Arrows

lovd-part25

Part 26: Grid Map Legend

lovd-part26

Part 27: Reset button

lovd-part27

Part 28: Reader guides

lovd-part28

Part 29: Editorial overlays

lovd-part29featured

Part 30: Call to action

lovd-part30

Part 31: Seamless help

Part 32: Cropping outliers

Part 33: Utilising archetypes

Part 34: Statements of accuracy

Part 35: Composition of photo-imagery

Part 36: Cropped gridlines

Part 37: Consistent row spacing

Part 38: Sketchy-styled annotations

Part 39: Unnecessary brainwork

Part 40: Axis label intervals

Part 41: Distinct colouring

Part 42: Fading small values

Part 43: Z-sorting

Part 44: Invisible visible gridlines

Part 45: Exploiting heading space

Part 46: Annotation redundancy?

Part 47: Clever label placement

Part 48: Sensible axis intervals

Part 49: Scale comparisons

Part 50: Pictogram composition

Part 51: Exceeding spatial limits

Part 52: Framing containers

Part 53: Thumbnail map reference

Part 54: Axis line truncation

Part 55: Redundant encoding

Part 56: Value dissonance

Part 57: Baseline styling

Part 58: Chart-pattern highlighters

Part 59: Value label colouring

Part 60: Value label styling

Part 61: Exploiting shapes and spaces

Part 62: Misleading size cues

Part 63: Reading assistance

Part 64: Irregular axis scales

Part 65: Structural colour associations

Part 66: User-interaction prompts

Part 67: Expanded chart view

Part 68: Faded value labels

Part 69: Redundant axis scales

Part 70: Clever transition effects

Part 71: Lasso rope pointer

Part 72: Colouring for editorial emphasis