ING

Datavisualisation

Beyond the basics

Maarten Lambrechts

Brussels - April 20 2015

Beyond bars, lines & points

webcharts: adding interactivity

Dashboards & macroscopes

webcharts

USE

Tooltips

Filter

extra context

Switch view

Drill down

Sort

Animation

Deliberately

SUBTLE

smart

Beyond bars, points & lines

Slopegraph

dendrogram

treemap

Parallel coordinates

Stream graph

Bump chart

Sankey diagram

small multiples

Kebab plot

Tools

RAW

tableau

  • respects ground rules

  • Drag 'n drop

  • Many data connections

  • Sharing is easy

Demo

Where to move if you want to meet a rich and single Flemish woman?

tableau is not

  • a data management platform

  • a spreadsheet editor

  • Statistical modelling tool

Dashboards and macroscopes

why dashboards?

Question:

Monitoring

Anwser specific questions

  • Everything ok?
  • Processes ended?
  • Cause of problem?
  • Where to invest resources?

Exploration

Gain insights 

  • Who are our customers?
  • How are people using our webshop?
  • What are the patterns in our sales?

Monitoring

Anwser specific questions

  • Only show relevant data
  • User is most important
  • Should lead to action
  • Tool = dashboard

Exploration

Gain insights 

  • Show all the data
  • Data is most important
  • Should lead to insight
  • Tool = macroscope

10 design principles

for dashboards

8 also apply to macroscopes

user centric

NOT DATA CENTRIC

NOT DASHBOARD CENTRIC

Use the grid

Left top to bottom right

Gradual reveal

tooltips

Pop ups

drilldowns

1. overview

Dataviz mantra

2. zoom

3. details on demand

respect datastructure

Time series

Categories

Flows

Hierarchies

respect dataviz groundrules

Guide attention 

Color

Type

Sizes

Grid

Grouping

show context

Targets

Past time periods

Averages

Other statistics

avoid unnecessary precision

1.4k vs 1.458,54

USE labels, but limit them

Guide action

Actions to perform

People to contact

User centric

Use the grid

Gradual reveal

Dataviz mantra

Respect datastructure

Respect dataviz ground rules

Guide attention

Show context

Avoid too much detail

Guide action

Key metrics - Business website

 

Macroscopes

 

New kinds of glasses to see the world

Moritz Stefaner

Belgian Car Fleet

Clear and nothing less then a beautiful, moving piece of art

Bibliography

ING II

By maartenzam

ING II

  • 2,622

More from maartenzam