Embed Size (px)
DESCRIPTION
This is the slidedeck for the Data Visualization Tips & Tricks session of Koen Verbeeck and Valentino Vranken at the Belgian Community Day of 2013.
Citation preview
#comdaybe
DATA VISUALIZATIONTIPS & TRICKS
SQLUG.be – Koen Verbeeck & Valentino Vranken
WHO ARE WE?BI Consultant
Board Member
Most Valuable Expert
blog.hoegaerden.be
@ValentinoV42
WHO ARE WE?BI Consultant
MCSE SQL 2012
MCC
blogs.lessthandot.com
@Ko_Ver
tipsDATA VISUALIZATION TIPS & TRICKS
TIPS - AGENDA
• tip #1 – establish intent• tip #2 – use the correct chart type• tip #3 – tap into visual perception• tip #4 – reduce data/ink ratio
WHY VISUALIZE?
x y10 8,04
8 6,9513 7,58
9 8,8111 8,3314 9,96
6 7,244 4,26
12 10,847 4,825 5,68
WHY VISUALIZE?
WHY VISUALIZE?
RESOURCES
establish intentTIP #1
ESTABLISH INTENT
• explanatory–strategic–operational
• analytical• exhibition
STRATEGIC
• “executive” dashboard• high-level• limited/no interaction• not real-time
Information Dashboard Design p. 177 – Stephen Few
OPERATIONAL
• immediate & dynamic• deeper level of detail• limited/no interaction• real-time
Information Dashboard Design p. 199 – Stephen Few
ANALYTICAL
• deeper level of detail• interactions with data• not real-time• more complex
Information Dashboard Design p. 201 – Stephen Few
EXHIBITION
• “data art”• self-expression through
raw data• more emotive
http://www.biodiaspora.com
use the correct chart typeTIP #2
CHART TYPES
• comparing categories–bar chart
–others• column chart, dot plot, Gantt, histogram …
CHART TYPES
• showing changes over time– line chart
–others• sparklines, area chart, candlestick chart, barcode chart …
CHART TYPES
• assessing hierarchies and part-to whole relationships–pie charts
–others• waffle chart, stacked bar chart, tree map …
CHART TYPES
• careful with pie charts
CHART TYPES
• plotting connections and relationships–scatter plot
–others• bubble plot, heat map, network diagram …
CHART TYPES
• mapping geo-spatial data–bubble plot map
CHART TYPES
• remember: correlation does not mean causation
tap into visual perceptionTIP #3
VISUAL PERCEPTION
• visual encode data for rapid perception
• 1389245678971321654987132189456423151560321654256487450005121736545023454351021545454987840579218600479333470
• 1389245678971321654987132189456423151560321654256487450005121736545023454351021545454987840579218600479333470
GESTALT PRINCIPLES
• principle of proximity
• principle of similarity
GESTALT PRINCIPLES
• principle of enclosure
• principle of closure
COLOR
• not quantative
• rather use intensity
COLOR
http://en.wikipedia.org/wiki/File:FrancePopulationDensity1968.png
http://www.theusrus.de/blog/the-good-the-bad-22012/
COLOR
• do not forget those 10%
reduce data/ink ratioTIP #4
DATA/INK RATIO
• reduce the non-data pixels–don’t use 3D effects–no backgrounds or gradients– remove grid lines, decoration, borders, fill colors,
…
• reduce unnecessary data pixels–display only what is really needed for the
visualization
• highlight most important pixels
DATA/INK RATIO
REAL LIFE EXAMPLE
Q&Atips
DATA VISUALIZATION
tricksDATA VISUALIZATION TIPS & TRICKS
TRICKS - AGENDA
• trick #1 – multi-column reports• trick #2 – tables with alternating colors• trick #3 – consistent dynamic colors
multi-column reportsTRICK #1
tables with alternating colorsTRICK #2
consistent dynamic colorsTRICK #3
Q&Atricks
DATA VISUALIZATION
TRICKS - REFERENCES
• Creating multiple-column reportshttp://blog.hoegaerden.be/2012/11/01/creating-multiple-column-reports/
• Looking up data on different sourceshttp://blog.hoegaerden.be/2010/05/16/looking-up-data-on-different-sources/
• Formatting numbershttp://blog.hoegaerden.be/2013/06/12/formatting-numbers-ssrs/
• More trickshttp://blog.hoegaerden.be/articles/
CONTACT INFORMATION
• blogs.lessthandot.com/index.php/All/?disp=authdir&author=940
• @Ko_Ver• [email protected]
• blog.hoegaerden.be• @ValentinoV42• [email protected]
Thanks!tips & tricks
DATA VISUALIZATION
