Papers
Topics
Authors
Recent
Gemini 2.5 Flash
Gemini 2.5 Flash
167 tokens/sec
GPT-4o
7 tokens/sec
Gemini 2.5 Pro Pro
42 tokens/sec
o3 Pro
4 tokens/sec
GPT-4.1 Pro
38 tokens/sec
DeepSeek R1 via Azure Pro
28 tokens/sec
2000 character limit reached

Practices and Strategies in Responsive Thematic Map Design: A Report from Design Workshops with Experts (2407.20735v1)

Published 30 Jul 2024 in cs.HC

Abstract: This paper discusses challenges and design strategies in responsive design for thematic maps in information visualization. Thematic maps pose a number of unique challenges for responsiveness, such as inflexible aspect ratios that do not easily adapt to varying screen dimensions, or densely clustered visual elements in urban areas becoming illegible at smaller scales. However, design guidance on how to best address these issues is currently lacking. We conducted design sessions with eight professional designers and developers of web-based thematic maps for information visualization. Participants were asked to redesign a given map for various screen sizes and aspect ratios and to describe their reasoning for when and how they adapted the design. We report general observations of practitioners' motivations, decision-making processes, and personal design frameworks. We then derive seven challenges commonly encountered in responsive maps, and 17 strategies to address them, such as repositioning elements, segmenting the map, or using alternative visualizations. We compile these challenges and strategies into an illustrated cheat sheet targeted at anyone designing or learning to design responsive maps. The cheat sheet is available online: https://responsive-vis.github.io/map-cheat-sheet

Definition Search Book Streamline Icon: https://streamlinehq.com
References (35)
  1. K. Andrews. Responsive Visualisation. In Proc. MobileVis 2018 Workshop at CHI 2018, p. 6. Montréal, Canada, Apr. 2018.
  2. Useful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts. In Proceedings of the 2010 CHI Conference on Human Factors in Computing Systems, pp. 2573–2582. ACM, Apr. 2010. doi: 10 . 1145/1753326 . 1753716
  3. External Labeling Techniques: A Taxonomy and Survey. Computer Graphics Forum, 38(3):833–860, 2019. doi: 10 . 1111/cgf . 13729
  4. A. Brychtová. Exploring the Influence of Colour Distance and Legend Position on Choropleth Maps Readability. In Modern Trends in Cartography: Selected Papers of CARTOCON 2014, pp. 303–314. Springer International Publishing, Cham, 2015. doi: 10 . 1007/978-3-319-07926-4_23
  5. Navigation techniques for small-screen devices: An evaluation on maps and web pages. International Journal of Human-Computer Studies, 66(2):78–97, Feb. 2008. doi: 10 . 1016/j . ijhcs . 2007 . 08 . 006
  6. W. S. Cleveland. A model for studying display methods of statistical graphics. Journal of Computational and Graphical Statistics, 2(4):323–343, 1993.
  7. The cartogram: Value-by-area mapping. In Cartography: Thematic Map Design. McGraw-Hill Higher Education, New York, 6th ed., 2009.
  8. VisGuides: A Forum for Discussing Visualization Guidelines. EuroVis 2018 - Short Papers, 2018. doi: 10 . 2312/EUROVISSHORT . 20181079
  9. D. Dorling. Area Cartograms: Their Use and Creation, vol. 59 of Concepts and Techniques in Modern Geography. Institute of British Geographers, 1996.
  10. V. Gorte and A. Degbelo. Choriented Maps: Visualizing SDG Data on Mobile Devices. The Cartographic Journal, 59(1):35–54, Jan. 2022. doi: 10 . 1080/00087041 . 2021 . 1986616
  11. Techniques for Flexible Responsive Visualization Design. In Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems. ACM, Apr. 2020. doi: 10 . 1145/3313831 . 3376777
  12. The State of the Art in Map-Like Visualization. Computer Graphics Forum, 39(3):647–674, June 2020. doi: 10 . 1111/cgf . 14031
  13. Responsive Visualization Design for Mobile Devices. In B. Lee, R. Dachselt, P. Isenberg, and E. K. Choe, eds., Mobile Data Visualization, pp. 33–66. Chapman and Hall/CRC, Boca Raton, 1st ed., Nov. 2021. doi: 10 . 1201/9781003090823-2
  14. L. Houtman. At the Intersection of Mobile Thematic Cartography and Data Journalism. Abstracts of the ICA, 6:1–2, Aug. 2023. doi: 10 . 5194/ica-abs-6-93-2023
  15. IEEE VIS Workshop on Data Vis Activities to Facilitate Learning, Reflecting, Discussing, and Designing. IEEE VIS 2020, Salt Lake City, USA, Oct. 2020.
  16. Design Patterns and Trade-Offs in Responsive Visualization for Communication. Computer Graphics Forum, 40(3):459–470, June 2021. doi: 10 . 1111/cgf . 14321
  17. Cicero: A Declarative Grammar for Responsive Visualization. In Proceedings of the 2022 CHI Conference on Human Factors in Computing Systems, pp. 1–15. ACM, Apr. 2022. doi: 10 . 1145/3491102 . 3517455
  18. An Automated Approach to Reasoning About Task-Oriented Insights in Responsive Visualization. IEEE Transactions on Visualization and Computer Graphics, 28(1):129–139, Jan. 2022. doi: 10 . 1109/TVCG . 2021 . 3114782
  19. F. Ledermann. Minimum dimensions for cartographic symbology – history, rationale and relevance in the digital age. International Journal of Cartography, 9(2):319–341, May 2023. doi: 10 . 1080/23729333 . 2023 . 2165218
  20. Mobile Data Visualization. Chapman and Hall/CRC, New York, Dec. 2021. doi: 10 . 1201/9781003090823
  21. E. Meeks. Responsive Data Visualization | Digital Humanities at Stanford. https://digitalhumanities.stanford.edu/responsive-data-visualization-0, Aug. 2014.
  22. T. Munzner. A Nested Model for Visualization Design and Validation. IEEE Transactions on Visualization and Computer Graphics, 15(6):921–928, Nov. 2009. doi: 10 . 1109/TVCG . 2009 . 111
  23. P. Parsons. Understanding Data Visualization Design Practice. IEEE Transactions on Visualization and Computer Graphics, 28(1):665–675, Jan. 2022. doi: 10 . 1109/TVCG . 2021 . 3114959
  24. A Change of Theme: The Role of Generalization in Thematic Mapping. ISPRS International Journal of Geo-Information, 9(6):371, June 2020. doi: 10 . 3390/ijgi9060371
  25. Mobile Maps and Responsive Design. Geographic Information Science & Technology Body of Knowledge, June 2018. doi: 10 . 22224/gistbok/2018 . 2 . 5
  26. A typology of operators for maintaining legible map designs at multiple scales. Cartographic Perspectives, 68:29–64, Mar. 2011. doi: 10 . 14714/CP68 . 7
  27. D. A. Schön. The Reflective Practitioner: How Professionals Think in Action. Routledge, London, Jan. 2017. doi: 10 . 4324/9781315237473
  28. Design Study Methodology: Reflections from the Trenches and the Stacks. IEEE Transactions on Visualization and Computer Graphics, 18(12):2431–2440, Dec. 2012. doi: 10 . 1109/TVCG . 2012 . 213
  29. V. Setlur and H. Chung. Semantic Resizing of Charts Through Generalization: A Case Study with Line Charts. In 2021 IEEE Visualization Conference Short Papers (VIS), pp. 46–50, Oct. 2021. doi: 10 . 1109/VIS49827 . 2021 . 9623306
  30. Fat Finger Worries: How Older and Younger Users Physically Interact with PDAs. In M. F. Costabile and F. Paternò, eds., Human-Computer Interaction - INTERACT 2005, pp. 267–280. Springer, Berlin, Heidelberg, 2005. doi: 10 . 1007/11555261_24
  31. Generalisation Operators. In D. Burghardt, C. Duchêne, and W. Mackaness, eds., Abstracting Geographic Information in a Data Rich World, pp. 157–195. Springer International Publishing, Cham, 2014. doi: 10 . 1007/978-3-319-00203-3_6
  32. E. Stolterman. The Nature of Design Practice and Implications for Interaction Design Research. International Journal of Design, 2(1):55–65, 2008.
  33. Cheat Sheets for Data Visualization Techniques. In Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems. ACM, Apr. 2020. doi: 10 . 1145/3313831 . 3376271
  34. MobileVisFixer: Tailoring Web Visualizations for Mobile Phones Leveraging an Explainable Reinforcement Learning Framework. IEEE Transactions on Visualization and Computer Graphics, 27(2):464–474, Feb. 2021. doi: 10 . 1109/TVCG . 2020 . 3030423
  35. ViSizer: A Visualization Resizing Framework. IEEE Transactions on Visualization and Computer Graphics, 19(2):278–290, Feb. 2013. doi: 10 . 1109/TVCG . 2012 . 114

Summary

We haven't generated a summary for this paper yet.

Ai Sparkles Streamline Icon: https://streamlinehq.com Summarize Now
Github Logo Streamline Icon: https://streamlinehq.com

GitHub

  1. Responsive Map Cheat Sheet