Beyond the Bar Chart - How to Build Better Visualizations
?Download as PPTX, PDF?
1 like?438 views
What we'll cover: Identifying User Data Stories and Analysis Types Designing visuals to the data story How to execute your shiny new visuals Learn more with The Definitive Guide to Dashboard Design at https://goo.gl/2IPpZL.
Beyond the Bar Chart - How to Build Better Visualizations
- 1. Beyond the Bar Chart: How to Build Better Visualizations Sean McHugh
- 2. #Logi16 SEAN MCHUGH Lead Solutions Consultant Logi Pro Serv Sean.McHugh@Logianalytics.com Tech Enthusiast / BBQ Innovator / General Specialist ABOUT ME 2 @Sean_McQ
- 3. #Logi16 ? Identifying User Data Stories and Analysis Types ? Designing visuals to the data story ? How to execute your shiny new visuals THINKING OUTSIDE OF THE BARCHART 3 @Sean_McQ
- 4. Building Better Visualizations How to build compelling data visualizations
- 5. Start with the right questions Defining a User Data Story
- 6. #Logi16 It’s about how the user can use this data What is a User Data Story? 6 @Sean_McQ
- 7. #Logi16 ? Who – Who needs this data? ? What – What constraints does the data fall within? ? Where – What is the context that user exists in? ? Why – Why is this user bothering to look at this dashboard? What is a User Data Story? 7 @Sean_McQ
- 8. #Logi16 What is a User Data Story? 8 @Sean_McQ Context Purpose
- 9. #Logi16 What is a User Data Story? 9 @Sean_McQ Remember the edge cases ? No Data ? No Change ? Outlier Data ? Too much data
- 10. Designing the Visual Once we figure our User Data Story, how do we design a visual around it?
- 11. #Logi16 Designing the visual 11 @Sean_McQ ? Simple Chart ? Combo Chart ? Simple KPI ? Extension or Plugin
- 12. #Logi16 Designing the visual: Simple Chart 12 @Sean_McQ ? Good for conveying simple Relationships ? Easy to build in Logi Info ? Tips: – Remove all visual elements you don’t need – Limit your color palette – One User Data Story – Visually Distinct
- 13. #Logi16 Logi Studio Walkthrough: Simple Chart 13 @Sean_McQ
- 14. #Logi16 Designing the visual 14 @Sean_McQ ? Simple Chart ? Combo Chart ? Simple KPI ? Extension or Plugin
- 15. #Logi16 Designing the visual: Combo Chart 15 @Sean_McQ
- 16. #Logi16 Designing the visual: Combo Chart 16 @Sean_McQ ? Conveys more complexity ? Simple to Develop ? Incredible Flexibility
- 17. #Logi16 Logi Studio Walkthrough: Combo Chart 17 @Sean_McQ
- 18. #Logi16 Logi Studio Walkthrough: Combo Chart 18 @Sean_McQ
- 19. #Logi16 Logi Studio Walkthrough: Combo Chart 19 @Sean_McQ
- 20. #Logi16 Logi Studio Walkthrough: Combo Chart 20 @Sean_McQ
- 21. #Logi16 Logi Studio Walkthrough: Combo Chart 21 @Sean_McQ
- 22. #Logi16 Designing the visual 22 @Sean_McQ ? Simple Chart ? Combo Chart ? Simple KPI ? Extension or Plugin
- 23. #Logi16 Designing the visual: KPI 23 @Sean_McQ
- 24. #Logi16 Designing the visual: KPI 24 @Sean_McQ ? Simple Visual Indicator ? Conveys call to action ? Typically CSS Driven
- 25. #Logi16 Designing the visual: KPI 25 @Sean_McQ ? Use in dense groups or dashboards ? Stand-alone use for maximum impact ? Best when used with clearly defined thresholds but not required
- 26. #Logi16 Logi Studio Walkthrough: KPI 26 @Sean_McQ Conditional Classes CSS
- 27. #Logi16 Logi Studio Walkthrough: KPI 27 @Sean_McQ
- 28. #Logi16 Designing the visual 28 @Sean_McQ ? Simple Chart ? Combo Chart ? Simple KPI ? Extension or Plugin
- 29. #Logi16 Designing the visual: Extensions or Plugins 29 @Sean_McQ ? Use this when: – Convey specialized data – Other “special” cases ? Consider This: – Typically requires some javascript – Design should remain consistent
- 30. #Logi16 Logi Studio Walkthrough: KPI 30 @Sean_McQ ? Target Division Element ? Include JavaScript ? JSON Data
- 31. #Logi16 Logi Studio Walkthrough: KPI 31 @Sean_McQ
- 32. The Sky is the limit Don’t limit yourself to chart wizards and standard visualizations. Get creative, prototype and iterate on your designs.
- 33. Learn more in The Definitive Guide to Dashboard Design