what s the difference
play

Whats the Difference?: Evaluating Variants of Multi-Series Bar - PowerPoint PPT Presentation

Whats the Difference?: Evaluating Variants of Multi-Series Bar Charts for Visual Comparison Tasks Arjun Srinivasan Matthew Brehmer Bongshin Lee Steven M. Drucker Whats changed? Year over Year sales Production in Region 1 vs.


  1. What’s the Difference?: Evaluating Variants of Multi-Series Bar Charts for Visual Comparison Tasks Arjun Srinivasan Matthew Brehmer Bongshin Lee Steven M. Drucker

  2. “ What’s changed? ” Year over Year sales Production in Region 1 vs. Production in Region 2 …

  3. How can we facilitate visual comparison in multi-series bar charts ?

  4. Interviews & + Survey Exploration of design alternatives Extremes- Target Extremes- Source Constant Max. Change Evaluation Value Difference Varying Old Categories New Categories Applications & Extensions

  5. Interviews & + Survey Exploration of design alternatives Extremes- Target Extremes- Source Constant Max. Change Evaluation Value Difference Varying Old Categories New Categories Applications

  6. Bar charts were the most common visualizations Ordinal x Quantitative (e.g., monthly sales) [ constant ] Nominal x Quantitative (e.g., individual employee sales) [ varying ]

  7. Design considerations: • Show raw values Q1 Q2 Q3 Q4 Q3 Q1 Q2 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4

  8. Design considerations: • Show raw values • Do not occupy additional space Q3 Q1 Q2 Q3 Q4 Q1 Q2 Q4 Q1 Q2 Q3 Q4 Q1 Q2 Q3 Q4

  9. Design considerations: • Show raw values • Do not occupy additional space • Maintain visualization type 1 P1 2 P2 P1 P2 P3 P4 P3 3 P4 4 Year1 Year2 P1 P2 P3 P4

  10. Design considerations: • Show raw values • Do not occupy additional space • Maintain visualization type • Account for varying vs. constant data conditions • Make it easier to measure differences

  11. • Show raw values • Do not occupy additional space • Maintain visualization type

  12. • Show raw values • Do not occupy additional space • Maintain visualization type • Account for data conditions • Make it easier to measure difference

  13. • Show raw values • Do not occupy additional space • Maintain visualization type • Account for data conditions • Make it easier to measure difference

  14. • Show raw values • Show raw values • Do not occupy additional space • Do not occupy additional space • Maintain visualization type • Maintain visualization type • Account for variations in data • Account for variations in data • Make it easier to measure difference • Make it easier to measure difference ??? • Show raw values • Do not occupy additional space • Maintain visualization type • Account for variations in data • Make it easier to measure difference

  15. Interviews & + Survey Exploration of design alternatives Extremes- Target Extremes- Source Constant Max. Change Evaluation Value Difference Varying Old Categories New Categories Applications

  16. Juxtaposition Explicit Encoding Superimposition M Gleicher et al. 2011

  17. Juxtaposition Explicit Encoding Superimposition

  18. BarTender Juxtaposition Explicit Encoding Superimposition

  19. BarTender Juxtaposition Explicit Encoding Superimposition

  20. BarTender Juxtaposition Explicit Encoding Superimposition

  21. BarTender Juxtaposition Explicit Encoding Superimposition

  22. BarTender Juxtaposition + Explicit Encoding + Superimposition

  23. BarTender Juxtaposition + Explicit Encoding + Superimposition

  24. BarTender Juxtaposition Explicit Encoding + Superimposition

  25. Grouped Bar Chart Difference Chart

  26. Grouped Bar Chart Single Bar Chart w/ difference overlay w/ difference overlay

  27. Grouped Bar Chart Single Bar Chart w/ difference overlay w/ difference overlay • Show raw values • Do not occupy additional space • Maintain visualization type • Account for variations in data • Make it easier to measure difference

  28. Interviews & + Survey Exploration of design alternatives Extremes- Target Extremes- Source Constant Max. Change Evaluation Value Difference Varying Old Categories New Categories Applications

  29. Extremes- Target Extremes- Source Max. Change Constant Value Difference Varying Old Categories New Categories 74 Participants 6 Tasks 2 Data Conditions

  30. Tasks Extremes- Target Extremes- Source Max. Change Value Difference Old Categories New Categories

  31. Tasks Extremes- Target Value interpretation Extremes- Source Max. Change Value Difference Old Categories New Categories

  32. Tasks Extremes- Target Extremes- Source Max. Change Value Difference Old Categories New Categories

  33. Tasks Extremes- Target Extremes- Source Max. Change Difference-based Value Difference Old Categories New Categories

  34. Tasks Extremes- Target Extremes- Source Max. Change Value Difference Old Categories New Categories

  35. Tasks Extremes- Target Extremes- Source Max. Change Value Difference Old Categories Varying data conditions New Categories

  36. Tasks Extremes- Target Extremes- Source Max. Change Value Difference Old Categories New Categories

  37. Design Data Type 1 Training Testing Data Type 2 Training Testing Introduction Introduction Phase Phase Introduction Phase Phase

  38. Design Data Type 1 Training Testing Data Type 2 Training Testing Introduction Introduction Phase Phase Introduction Phase Phase

  39. Design Data Type 1 Training Testing Data Type 2 Training Testing Introduction Introduction Phase Phase Introduction Phase Phase

  40. Design Data Type 1 Training Testing Data Type 2 Training Testing Introduction Introduction Phase Phase Introduction Phase Phase

  41. Design Data Type 1 Training Testing Data Type 2 Training Testing Introduction Introduction Phase Phase Introduction Phase Phase

  42. Design Data Type 1 Training Testing Data Type 2 Training Testing Introduction Introduction Phase Phase Introduction Phase Phase 4 visualizations 87 trials (28 training, 56 testing, 3 guess checking) (time) (error) (subjective preferences)

  43. Results • Comparable for value interpretation and varying data condition tasks. • Performance with hybrid designs was better for difference-based tasks. vs

  44. Results • Comparable for difference-based tasks . vs

  45. Results Which of the four chart designs did you prefer most ?

  46. Results Which of the four chart designs did you prefer least ?

  47. Interviews & + Survey Exploration of design alternatives Extremes- Target Extremes- Source Constant Max. Change Evaluation Value Difference Varying Old Categories New Categories Applications & Extensions

  48. Revealing changes in narrative visualizations

  49. Complementing overlays with annotations for missing values

  50. Summary • Visual comparison is an important task in dashboards • Hybrid visualizations combining design strategies afford more tasks while performing comparably on individual tasks .

  51. Summary • Visual comparison is an important task in dashboards • Hybrid visualizations combining design strategies afford more tasks while performing comparably on individual tasks . vs vs

  52. Thank You Arjun Srinivasan Matthew Brehmer http://arjun010.github.io/ Bongshin Lee Steven M. Drucker

Recommend


More recommend