#comdaybeDATA VISUALIZATIONTIPS & TRICKSSQLUG.be – Koen Verbeeck & Valentino Vranken
WHO ARE WE?BI ConsultantBoard MemberMost ValuableExpertblog.hoegaerden.be@ValentinoV42
WHO ARE WE?BI ConsultantMCSE SQL 2012MCCblogs.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...
WHY VISUALIZE?x y10 8,048 6,9513 7,589 8,8111 8,3314 9,966 7,244 4,2612 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-timeInformation Dashboard Design p. 177 – S...
OPERATIONAL• immediate & dynamic• deeper level of detail• limited/no interaction• real-timeInformation Dashboard Design p....
ANALYTICAL• deeper level of detail• interactions with data• not real-time• more complexInformation Dashboard Design p. 201...
EXHIBITION• “data art”• self-expression throughraw data• more emotivehttp://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 wholerelationships–pie charts–others• waffle chart, stacked bar chart, tree...
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• 13892456789713216549871321894564231515603216542564874500051217...
GESTALT PRINCIPLES• principle of proximity• principle of similarity
GESTALT PRINCIPLES• principle of enclosure• principle of closure
COLOR• not quantative• rather use intensity
COLORhttp://en.wikipedia.org/wiki/File:FrancePopulationDensity1968.pnghttp://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,...
DATA/INK RATIO
REAL LIFE EXAMPLE
Q&AtipsDATA VISUALIZATION
tricksDATA VISUALIZATION TIPS & TRICKS
TRICKS - AGENDA• trick #1 – multi-column reports• trick #2 – tables with alternating colors• trick #3 – consistent dynamic...
multi-column reportsTRICK #1
tables with alternating colorsTRICK #2
consistent dynamic colorsTRICK #3
Q&AtricksDATA VISUALIZATION
TRICKS - REFERENCES• Creating multiple-column reportshttp://blog.hoegaerden.be/2012/11/01/creating-multiple-column-reports...
CONTACT INFORMATION• blogs.lessthandot.com/index.php/All/?disp=authdir&author=940• @Ko_Ver• Koen.Verbeeck@ordina.be• blog....
Thanks!tips & tricksDATA VISUALIZATION
Upcoming SlideShare
Loading in...5
×

Data Visualization Tips & Tricks

1,029

Published on

This is the slidedeck for the Data Visualization Tips & Tricks session of Koen Verbeeck and Valentino Vranken at the Belgian Community Day of 2013.

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,029
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
39
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Data Visualization Tips & Tricks

  1. 1. #comdaybeDATA VISUALIZATIONTIPS & TRICKSSQLUG.be – Koen Verbeeck & Valentino Vranken
  2. 2. WHO ARE WE?BI ConsultantBoard MemberMost ValuableExpertblog.hoegaerden.be@ValentinoV42
  3. 3. WHO ARE WE?BI ConsultantMCSE SQL 2012MCCblogs.lessthandot.com@Ko_Ver
  4. 4. tipsDATA VISUALIZATION TIPS & TRICKS
  5. 5. 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
  6. 6. WHY VISUALIZE?x y10 8,048 6,9513 7,589 8,8111 8,3314 9,966 7,244 4,2612 10,847 4,825 5,68
  7. 7. WHY VISUALIZE?
  8. 8. WHY VISUALIZE?
  9. 9. RESOURCES
  10. 10. establish intentTIP #1
  11. 11. ESTABLISH INTENT• explanatory–strategic–operational• analytical• exhibition
  12. 12. STRATEGIC• “executive” dashboard• high-level• limited/no interaction• not real-timeInformation Dashboard Design p. 177 – StephenFew
  13. 13. OPERATIONAL• immediate & dynamic• deeper level of detail• limited/no interaction• real-timeInformation Dashboard Design p. 199 – StephenFew
  14. 14. ANALYTICAL• deeper level of detail• interactions with data• not real-time• more complexInformation Dashboard Design p. 201 – StephenFew
  15. 15. EXHIBITION• “data art”• self-expression throughraw data• more emotivehttp://www.biodiaspora.com
  16. 16. use the correct chart typeTIP #2
  17. 17. CHART TYPES• comparing categories–bar chart–others• column chart, dot plot, Gantt, histogram …
  18. 18. CHART TYPES• showing changes over time–line chart–others• sparklines, area chart, candlestick chart, barcode chart …
  19. 19. CHART TYPES• assessing hierarchies and part-to wholerelationships–pie charts–others• waffle chart, stacked bar chart, tree map …
  20. 20. CHART TYPES• careful with pie charts
  21. 21. CHART TYPES• plotting connections and relationships–scatter plot–others• bubble plot, heat map, network diagram …
  22. 22. CHART TYPES• mapping geo-spatial data–bubble plot map
  23. 23. CHART TYPES• remember: correlation does not mean causation
  24. 24. tap into visual perceptionTIP #3
  25. 25. VISUAL PERCEPTION• visual encode data for rapid perception• 1389245678971321654987132189456423151560321654256487450005121736545023454351021545454987840579218600479333470• 1389245678971321654987132189456423151560321654256487450005121736545023454351021545454987840579218600479333470
  26. 26. GESTALT PRINCIPLES• principle of proximity• principle of similarity
  27. 27. GESTALT PRINCIPLES• principle of enclosure• principle of closure
  28. 28. COLOR• not quantative• rather use intensity
  29. 29. COLORhttp://en.wikipedia.org/wiki/File:FrancePopulationDensity1968.pnghttp://www.theusrus.de/blog/the-good-the-bad-22012/
  30. 30. COLOR• do not forget those 10%
  31. 31. reduce data/ink ratioTIP #4
  32. 32. 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
  33. 33. DATA/INK RATIO
  34. 34. REAL LIFE EXAMPLE
  35. 35. Q&AtipsDATA VISUALIZATION
  36. 36. tricksDATA VISUALIZATION TIPS & TRICKS
  37. 37. TRICKS - AGENDA• trick #1 – multi-column reports• trick #2 – tables with alternating colors• trick #3 – consistent dynamic colors
  38. 38. multi-column reportsTRICK #1
  39. 39. tables with alternating colorsTRICK #2
  40. 40. consistent dynamic colorsTRICK #3
  41. 41. Q&AtricksDATA VISUALIZATION
  42. 42. 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/
  43. 43. CONTACT INFORMATION• blogs.lessthandot.com/index.php/All/?disp=authdir&author=940• @Ko_Ver• Koen.Verbeeck@ordina.be• blog.hoegaerden.be• @ValentinoV42• valentino@hoegaerden.be
  44. 44. Thanks!tips & tricksDATA VISUALIZATION
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×