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
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
This presentation:
slides.com/maartenzam/ing-2/fullscreen?token=HTA7ojKt
Information Dashboard Design | Stephen Few
On dashboards and dataviz 1 2 3 | Jerome Cukier
Datascopes: Worlds, not stories | Moritz Stefaner
ING II
By maartenzam
ING II
- 3,165