🏏 Tufte × Sightscreen

Information design concepts for Dynamic Island & beyond

Match Heartbeat

A sparkline showing run rate by over — the pulse of an innings

"Sparklines are data-intense, design-simple, word-sized graphics."

Dynamic Island — Expanded

🇮🇳 IND vs AUS 🇦🇺
156/4 18.3 ov

Dynamic Island — Compact

156/4

Dynamic Island — Static

IND 156/4
18.3 overs
RR: 8.43
Wicket
High RR
Current

Form Ribbons

Last 5 results as colored blocks — see momentum at a glance

"Small multiples are economical: once viewers understand the design of one, they have immediate access to the data in all."

Tournament Standings

1
🇮🇳India
W W L W W
8 +1.23
2
🇦🇺Australia
L W W L W
6 +0.87
3
🏴󠁧󠁢󠁥󠁮󠁧󠁿England
W L L W W
6 +0.45

Tournament Standings

1
🇮🇳India
8 +1.23
2
🇦🇺Australia
6 +0.87
3
🏴󠁧󠁢󠁥󠁮󠁧󠁿England
6 +0.45

Player Form Strips

Inline sparklines showing batting trajectory — who's peaking?

"Now you can see not just totals, but form. Who's peaking? Who's slumping?"

Batting Leaderboard

1
V. Kohli
India
312
SR 142.5
2
T. Head
Australia
289
SR 156.2
3
J. Buttler
England
267
SR 148.3

Batting Leaderboard

1
V. Kohli
India
312
SR 142.5
2
T. Head
Australia
289
SR 156.2
3
J. Buttler
England
267
SR 148.3

Match Shape

Visual narrative of how a match unfolded

"You understand the match without reading a single sentence."

Match Result

AUS 187/4 vs IND 156
Australia won by 31 runs
AUS
187/4
IND
156
AUS: Strong finish, 4 wickets spread out
IND: Collapsed mid-innings — see the red cluster
High RR
Normal
Wicket

Match Result

Australia 187/4 (20.0)
India 156 (18.3)

Australia won by 31 runs
POTM: T. Head (89*)

Partnership Timeline

Visual timeline instead of a table — width = runs, position = when

"The visual structure is the data."

IND 187/3 (20.0)

Rohit-Kohli
67 (42)
Kohli-Pant
89 (51)
Pant-Hardik
31 (27)
05101520 ov

IND 187/3 (20.0)

Partnership Runs Balls
Rohit-Kohli 67 42
Kohli-Pant 89 51
Pant-Hardik 31 27

Small Multiples

Series at a glance — same visual grammar, different data

"Once viewers understand the design of one, they have immediate access to the data in all."

IND vs AUS T20 Series

Match 1
AUS 187/4
IND 191/2 ✓
Match 2
AUS 203/6 ✓
IND 178
Match 3
AUS 156*
IND 159/3 ✓

IND vs AUS T20 Series

Match 1: IND won by 8 wkts
AUS 187/4 • IND 191/2

Match 2: AUS won by 25 runs
AUS 203/6 • IND 178

Match 3: IND won by 7 wkts
AUS 156 • IND 159/3

Live Match Card

Redesigning the hero card for maximum data density

"Above all else, show the data." — Edward Tufte

Live Match Card — Tufte Redesign

LIVE
🇮🇳 IND batting
🔔
156/3
17.2 ov
0 chasing 185 20
RRR 10.25 29 off 16
Kohli* 67 (41)
Pant 34 (22)
Changes: Added overs, sparkline with chase progress, target, batsmen at crease. Removed redundant labels. Gray bars = remaining overs.

Live Match Card — Current

LIVE
🇮🇳 IND vs AUS 🇦🇺
🔔
156/3
RUN RATE 8.49
REQUIRED 10.25
NEED 29 off 10
Issues: Redundant labels, no overs shown, no sparkline, no target context, no batsmen info.