data visualization tips & tricks
Post on 11-Sep-2014
1.234 views
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.TRANSCRIPT
![Page 1: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/1.jpg)
#comdaybe
DATA VISUALIZATIONTIPS & TRICKS
SQLUG.be – Koen Verbeeck & Valentino Vranken
![Page 2: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/2.jpg)
WHO ARE WE?BI Consultant
Board Member
Most Valuable Expert
blog.hoegaerden.be
@ValentinoV42
![Page 3: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/3.jpg)
WHO ARE WE?BI Consultant
MCSE SQL 2012
MCC
blogs.lessthandot.com
@Ko_Ver
![Page 4: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/4.jpg)
tipsDATA VISUALIZATION TIPS & TRICKS
![Page 5: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/5.jpg)
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
![Page 6: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/6.jpg)
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
![Page 7: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/7.jpg)
WHY VISUALIZE?
![Page 8: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/8.jpg)
WHY VISUALIZE?
![Page 9: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/9.jpg)
RESOURCES
![Page 10: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/10.jpg)
establish intentTIP #1
![Page 11: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/11.jpg)
ESTABLISH INTENT
• explanatory–strategic–operational
• analytical• exhibition
![Page 12: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/12.jpg)
STRATEGIC
• “executive” dashboard• high-level• limited/no interaction• not real-time
Information Dashboard Design p. 177 – Stephen Few
![Page 13: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/13.jpg)
OPERATIONAL
• immediate & dynamic• deeper level of detail• limited/no interaction• real-time
Information Dashboard Design p. 199 – Stephen Few
![Page 14: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/14.jpg)
ANALYTICAL
• deeper level of detail• interactions with data• not real-time• more complex
Information Dashboard Design p. 201 – Stephen Few
![Page 15: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/15.jpg)
EXHIBITION
• “data art”• self-expression through
raw data• more emotive
http://www.biodiaspora.com
![Page 16: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/16.jpg)
use the correct chart typeTIP #2
![Page 17: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/17.jpg)
CHART TYPES
• comparing categories–bar chart
–others• column chart, dot plot, Gantt, histogram …
![Page 18: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/18.jpg)
CHART TYPES
• showing changes over time– line chart
–others• sparklines, area chart, candlestick chart, barcode chart …
![Page 19: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/19.jpg)
CHART TYPES
• assessing hierarchies and part-to whole relationships–pie charts
–others• waffle chart, stacked bar chart, tree map …
![Page 20: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/20.jpg)
CHART TYPES
• careful with pie charts
![Page 21: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/21.jpg)
CHART TYPES
• plotting connections and relationships–scatter plot
–others• bubble plot, heat map, network diagram …
![Page 22: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/22.jpg)
CHART TYPES
• mapping geo-spatial data–bubble plot map
![Page 23: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/23.jpg)
CHART TYPES
• remember: correlation does not mean causation
![Page 24: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/24.jpg)
tap into visual perceptionTIP #3
![Page 25: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/25.jpg)
VISUAL PERCEPTION
• visual encode data for rapid perception
• 1389245678971321654987132189456423151560321654256487450005121736545023454351021545454987840579218600479333470
• 1389245678971321654987132189456423151560321654256487450005121736545023454351021545454987840579218600479333470
![Page 26: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/26.jpg)
GESTALT PRINCIPLES
• principle of proximity
• principle of similarity
![Page 27: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/27.jpg)
GESTALT PRINCIPLES
• principle of enclosure
• principle of closure
![Page 28: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/28.jpg)
COLOR
• not quantative
• rather use intensity
![Page 29: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/29.jpg)
COLOR
http://en.wikipedia.org/wiki/File:FrancePopulationDensity1968.png
http://www.theusrus.de/blog/the-good-the-bad-22012/
![Page 30: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/30.jpg)
COLOR
• do not forget those 10%
![Page 31: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/31.jpg)
reduce data/ink ratioTIP #4
![Page 32: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/32.jpg)
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
![Page 33: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/33.jpg)
DATA/INK RATIO
![Page 34: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/34.jpg)
REAL LIFE EXAMPLE
![Page 35: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/35.jpg)
Q&Atips
DATA VISUALIZATION
![Page 36: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/36.jpg)
tricksDATA VISUALIZATION TIPS & TRICKS
![Page 37: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/37.jpg)
TRICKS - AGENDA
• trick #1 – multi-column reports• trick #2 – tables with alternating colors• trick #3 – consistent dynamic colors
![Page 38: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/38.jpg)
multi-column reportsTRICK #1
![Page 39: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/39.jpg)
tables with alternating colorsTRICK #2
![Page 40: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/40.jpg)
consistent dynamic colorsTRICK #3
![Page 41: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/41.jpg)
Q&Atricks
DATA VISUALIZATION
![Page 42: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/42.jpg)
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/
![Page 43: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/43.jpg)
CONTACT INFORMATION
• blogs.lessthandot.com/index.php/All/?disp=authdir&author=940
• @Ko_Ver• [email protected]
• blog.hoegaerden.be• @ValentinoV42• [email protected]
![Page 44: Data Visualization Tips & Tricks](https://reader034.vdocuments.mx/reader034/viewer/2022042623/541233868d7f72d0738b4781/html5/thumbnails/44.jpg)
Thanks!tips & tricks
DATA VISUALIZATION