research-article

Interactive Context-Preserving Color Highlighting for Multiclass Scatterplots

Authors:

Oliver Deussen,

Yunhai WangAuthors Info & Claims

CHI '23: Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems

Article No.: 823, Pages 1 - 15

https://doi.org/10.1145/3544548.3580734

Published: 19 April 2023 Publication History

Abstract

Color is one of the main visual channels used for highlighting elements of interest in visualization. However, in multi-class scatterplots, color highlighting often comes at the expense of degraded color discriminability. In this paper, we argue for context-preserving highlighting during the interactive exploration of multi-class scatterplots to achieve desired pop-out effects, while maintaining good perceptual separability among all classes and consistent color mapping schemes under varying points of interest. We do this by first generating two contrastive color mapping schemes with large and small contrasts to the background. Both schemes maintain good perceptual separability among all classes and ensure that when colors from the two palettes are assigned to the same class, they have a high color consistency in color names. We then interactively combine these two schemes to create a dynamic color mapping for highlighting different points of interest. We demonstrate the effectiveness through crowd-sourced experiments and case studies.

Supplementary Material

Supplemental Materials (3544548.3580734-supplemental-materials.zip)

Download
48.77 MB

MP4 File (3544548.3580734-video-preview.mp4)

Video Preview

Download
9.38 MB

MP4 File (3544548.3580734-talk-video.mp4)

Pre-recorded Video Presentation

Download
55.75 MB

References

[1]

EHL Aarts. 1989. A stochastic approach to combinatorial optimization and neural computing. Simulated Annealing and Boltzmann Machines(1989).

[2]

M. Aupetit and M. Sedlmair. 2016. SepMe: 2002 New visual separation measures. In IEEE Pacific Visualization Symposium. 1–8. https://doi.org/10.1109/PACIFICVIS.2016.7465244

[3]

Lyn Bartram and Maureen C Stone. 2010. Whisper, don’t scream: Grids and transparency. IEEE Transactions on Visualization and Computer Graphics 17, 10(2010), 1444–1458. https://doi.org/10.1109/TVCG.2010.237

[4]

J. Chuang, D. Weiskopf, and Torsten Möller. 2009. Energy Aware Color Sets. Computer Graphics Forum 28 (2009). https://doi.org/10.1111/j.1467-8659.2009.01359.x

[5]

S. De Vito, E. Massera, M. Piga, L. Martinotto, and G. Di Francia. 2008. On field calibration of an electronic nose for benzene estimation in an urban pollution monitoring scenario. Sensors and Actuators B: Chemical 129, 2 (2008), 750–757. https://doi.org/10.1016/j.snb.2007.09.060

[6]

Hui Fang, Simon Walton, Emily Delahaye, James Harris, DA Storchak, and Min Chen. 2016. Categorical colormap optimization with visualization case studies. IEEE Transactions on Visualization and Computer Graphics 23, 1(2016), 871–880. https://doi.org/10.1109/TVCG.2016.2599214

Digital Library

[7]

Sarah Friedrich, Frank Konietschke, and Markus Pauly. 2017. GFD: An R Package for the Analysis of General Factorial Designs. Journal of Statistical Software, Code Snippets 79, 1 (2017), 1–18. https://doi.org/10.18637/jss.v079.c01

[8]

M. Gleicher. 2018. Considerations for Visualizing Comparison. IEEE Transactions on Visualization and Computer Graphics 24, 1(2018), 413–423. https://doi.org/10.1109/TVCG.2017.2744199

[9]

C. C. Gramazio, D. H. Laidlaw, and K. B. Schloss. 2017. Colorgorical: creating discriminable and preferable color palettes for information visualization. IEEE Transactions on Visualization and Computer Graphics 23, 1(2017), 521–530. https://doi.org/10.1109/TVCG.2016.2598918

Digital Library

[10]

Amy L Griffin and Anthony C Robinson. 2014. Comparing color and leader line highlighting strategies in coordinated view geovisualizations. IEEE Transactions on Visualization and Computer Graphics 21, 3(2014), 339–349. https://doi.org/10.1109/TVCG.2014.2371858

Digital Library

[11]

K Wm Hall, Charles Perin, Peter G Kusalik, Carl Gutwin, and Sheelagh Carpendale. 2016. Formalizing emphasis in information visualization. In Computer Graphics Forum, Vol. 35. 717–737. https://doi.org/10.1111/cgf.12936

[12]

Mark Harrower and Cynthia A. Brewer. 2003. ColorBrewer.org: an online tool for selecting colour schemes for maps. The Cartographic Journal 40, 1 (2003), 27–37. https://doi.org/10.1179/000870403235002042

[13]

Jeffrey Heer and Maureen Stone. 2012. Color naming models for color selection, image editing and palette design. In Proceedings of the CHI Conference on Human Factors in Computing Systems. 1007–1016. https://doi.org/10.1145/2207676.2208547

Digital Library

[14]

L. Itti, C. Koch, and E. Niebur. 1998. A model of saliency-based visual attention for rapid scene analysis. IEEE Transactions on Pattern Analysis and Machine Intelligence 20, 11(1998), 1254–1259. https://doi.org/10.1109/34.730558

Digital Library

[15]

Hye-Rin Kim, Min-Joon Yoo, Henry Kang, and In-Kwon Lee. 2014. Perceptually-Based Color Assignment. Computer Graphics Forum 33, 7 (2014), 309–318. https://doi.org/10.1111/cgf.12499

Digital Library

[16]

Yann LeCun, Corinna Cortes, and CJ Burges. 2010. MNIST handwritten digit database. ATT Labs [Online]. Available: http://yann.lecun.com/exdb/mnist 2(2010).

[17]

S. Lee, M. Sips, and H. Seidel. 2013. Perceptually Driven Visibility Optimization for Categorical Data Visualization. IEEE Transactions on Visualization and Computer Graphics 19, 10(2013), 1746–1757. https://doi.org/10.1109/TVCG.2012.315

[18]

Jie Liang and Mao Lin Huang. 2010. Highlighting in information visualization: A survey. In Proceedings of the International Conference Information Visualisation. IEEE, 79–85. https://doi.org/10.1109/IV.2010.21

Digital Library

[19]

Sharon Lin, Julie Fortuna, Chinmay Kulkarni, Maureen Stone, and Jeffrey Heer. 2013. Selecting Semantically-Resonant Colors for Data Visualization. Computer Graphics Forum 32, 3 (2013), 401–410. https://doi.org/10.1111/cgf.12127

[20]

Tingting Liu, Xiaotong Li, Chen Bao, Michael Correll, Changehe Tu, Oliver Deussen, and Yunhai Wang. 2021. Data-Driven Mark Orientation for Trend Estimation in Scatterplots. In Proceedings of the CHI Conference on Human Factors in Computing Systems. 1–16. https://doi.org/10.1145/3411764.3445751

Digital Library

[21]

K. Lu, M. Feng, X. Chen, M. Sedlmair, O. Deussen, D. Lischinski, Z. Cheng, and Y. Wang. 2021. Palettailor: discriminable colorization for categorical data. IEEE Transactions on Visualization and Computer Graphics 27, 2(2021), 475–484. https://doi.org/10.1109/TVCG.2020.3030406

[22]

G. M. Machado, M. M. Oliveira, and L. A. F. Fernandes. 2009. A Physiologically-based Model for Simulation of Color Vision Deficiency. IEEE Transactions on Visualization and Computer Graphics 15, 6(2009), 1291–1298. https://doi.org/10.1109/TVCG.2009.113

Digital Library

[23]

Aristides Mairena, Carl Gutwin, and Andy Cockburn. 2021. Which emphasis technique to use? Perception of emphasis techniques with varying distractors, backgrounds, and visualization types. Information Visualization(2021), 14738716211045354. https://doi.org/10.1177/14738716211045354

[24]

Tamara Munzner. 2014. Visualization analysis and design. CRC press.

[25]

Supriya Manikonda Keshavaiah Naidu. 2019. Measuring Effective Highlight Colors in Color-coded Scatterplots. Ph.D. Dissertation. University of Colorado at Boulder.

[26]

Pascal Nardini, Min Chen, Michael Böttinger, Gerik Scheuermann, and Roxana Bujack. 2021. Automatic improvement of continuous colormaps in Euclidean colorspaces. Computer Graphics Forum 40, 3 (2021), 361–373. https://doi.org/10.1111/cgf.14313

[27]

Pascal Nardini, Min Chen, Roxana Bujack, M Bottinger, and Gerik Scheuermann. 2020. A testing environment for continuous colormaps. IEEE Transactions on Visualization and Computer Graphics 27, 2(2020), 1043–1053. https://doi.org/10.1109/tvcg.2020.3028955

[28]

B. Ondov, N. Jardine, N. Elmqvist, and S. Franconeri. 2019. Face to face: evaluating visual comparison. IEEE Transactions on Visualization and Computer Graphics 25, 1(2019), 861–871. https://doi.org/10.1109/TVCG.2018.2864884

Digital Library

[29]

Zening Qu and Jessica Hullman. 2017. Keeping multiple views consistent: constraints, validations, and exceptions in visualization authoring. IEEE Transactions on Visualization and Computer Graphics 24, 1(2017), 468–477. https://doi.org/10.1109/TVCG.2017.2744198

[30]

Khairi Reda, Amey A Salvi, Jack Gray, and Michael E Papka. 2021. Color nameability predicts inference accuracy in spatial visualizations. In Computer Graphics Forum, Vol. 40. Wiley Online Library, 49–60.

[31]

Khairi Reda and Danielle Albers Szafir. 2020. Rainbows revisited: Modeling effective colormap design for graphical inference. IEEE transactions on visualization and computer graphics 27, 2(2020), 1032–1042.

[32]

Anthony C Robinson. 2011. Highlighting in geovisualization. Cartography and Geographic Information Science 38, 4 (2011), 373–383. https://doi.org/10.1559/15230406384373

[33]

V. Setlur and M. C. Stone. 2016. A Linguistic Approach to Categorical Color Assignment for Data Visualization. IEEE Transactions on Visualization and Computer Graphics 22, 1(2016), 698–707. https://doi.org/10.1109/TVCG.2015.2467471

Digital Library

[34]

Gaurav Sharma, Wencheng Wu, and Edul N Dalal. 2005. The CIEDE2000 color-difference formula: implementation notes, supplementary test data, and mathematical observations. Color Research & Application 30, 1 (2005), 21–30. https://doi.org/10.1002/col.20070

[35]

Stephen Smart and Danielle Albers Szafir. 2019. Measuring the separability of shape, size, and color in scatterplots. In Proceedings of the CHI Conference on Human Factors in Computing Systems. 1–14. https://doi.org/10.1145/3290605.3300899

Digital Library

[36]

Tableau Software.[n.d.]. Highlight Data Points in Context. https://help.tableau.com/current/pro/desktop/en-us/actions_highlight_highlighter.htm/.

[37]

Tableau Software.[n.d.]. The tableau visualization system. http://www. tableausoftware.com/.

[38]

Hendrik Strobelt, Daniela Oelke, Bum Chul Kwon, Tobias Schreck, and Hanspeter Pfister. 2015. Guidelines for effective usage of text highlighting techniques. IEEE Transactions on Visualization and Computer Graphics 22, 1(2015), 489–498. https://doi.org/10.1109/TVCG.2015.2467759

Digital Library

[39]

Danielle Albers Szafir. 2018. Modeling Color Difference for Visualization Design. IEEE Transactions on Visualization and Computer Graphics 24, 1(2018), 392–401. https://doi.org/10.1109/TVCG.2017.2744359

[40]

C. Tominski, G. Fuchs, and H. Schumann. 2008. Task-driven color coding. In Proceedings of 12th International Conference Information Visualisation. 373–380. https://doi.org/10.1109/IV.2008.24

Digital Library

[41]

Manuela Waldner, Alexey Karimov, and Eduard Gröller. 2017. Exploring visual prominence of multi-channel highlighting in visualizations. In Proceedings of the 33rd Spring Conference on Computer Graphics. 1–10. https://doi.org/10.1145/3154353.3154369

Digital Library

[42]

Yunhai Wang, Xin Chen, Tong Ge, Chen Bao, Michael Sedlmair, Chi-Wing Fu, Oliver Deussen, and Baoquan Chen. 2019. Optimizing color assignment for perception of class separability in multiclass scatterplots. IEEE Transactions on Visualization and Computer Graphics 25, 1(2019), 820–829. https://doi.org/10.1109/TVCG.2018.2864912

Digital Library

[43]

Michelle Q. Wang Baldonado, Allison Woodruff, and Allan Kuchinsky. 2000. Guidelines for Using Multiple Views in Information Visualization. In Proceedings of the Working Conference on Advanced Visual Interfaces. 110–119. https://doi.org/10.1145/345513.345271

Digital Library

[44]

Colin Ware. 2019. Information visualization: perception for design. Morgan Kaufmann.

[45]

Claus O Wilke. 2019. Fundamentals of data visualization: a primer on making informative and compelling figures. O’Reilly Media.

[46]

L. Zhou and C. D. Hansen. 2016. A Survey of Colormaps in Visualization. IEEE Transactions on Visualization and Computer Graphics 22, 8(2016), 2051–2069. https://doi.org/10.1109/TVCG.2015.2489649

Digital Library

Cited By

Salvi ALu KPapka MWang YReda K(2024)Color Maker: a Mixed-Initiative Approach to Creating Accessible Color MapsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642265(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642265
Huang YZhang ZJiao AMa YCheng R(2023)A Comparative Visual Analytics Framework for Evaluating Evolutionary Processes in Multi-Objective OptimizationIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.332692130:1(661-671)Online publication date: 24-Oct-2023
https://dl.acm.org/doi/10.1109/TVCG.2023.3326921

Index Terms

Interactive Context-Preserving Color Highlighting for Multiclass Scatterplots
1. Human-centered computing
  1. Visualization
    1. Visualization application domains
      1. Information visualization

Recommendations

Mining probabilistic color palettes for summarizing color use in artwork collections
SA '17: SIGGRAPH Asia 2017 Symposium on Visualization

Artists and designers often use examples to find inspirational ideas for using colors. While growing public art repositories provide more examples to choose from, understanding the color use in such large artwork collections can be challenging. In this ...
Color Builder: A Direct Manipulation Interface for Versatile Color Theme Authoring
CHI '19: Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems

Color themes or palettes are popular for sharing color combinations across many visual domains. We present a novel interface for creating color themes through direct manipulation of color swatches. Users can create and rearrange swatches, and combine ...
Highlighting in Information Visualization: A Survey
IV '10: Proceedings of the 2010 14th International Conference Information Visualisation

Highlighting was the basic viewing control mechanism in computer graphics and visualization to guide users’ attention in reading diagrams, images, graphs and digital texts. As the rapid growth of theory and practice in information visualization, ...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '23: Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems

April 2023

14911 pages

ISBN:9781450394215

DOI:10.1145/3544548

Editors:
Albrecht Schmidt
LMU Munich, Germany60028717
,
Kaisa Väänänen
Tampere University, Finland60011170
,
Tesh Goyal
Google Research, USA60006191
,
Per Ola Kristensson
University of Cambridge, UK60031101
,
Anicia Peters
University of Namibia, Namibia60072704
,
Stefanie Mueller
Massachusetts Institute of Technology, USA60022195
,
Julie R. Williamson
University of Glasgow, UK60001490
,
Max L. Wilson
University of Nottingham, UK60015138

Copyright © 2023 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than the author(s) must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected].

Sponsors

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 19 April 2023

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article
Research
Refereed limited

Conference

CHI '23

Sponsor:

SIGCHI

CHI '23: CHI Conference on Human Factors in Computing Systems

April 23 - 28, 2023

Hamburg, Germany

Acceptance Rates

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI '25

Sponsor:
sigchi

CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2025

Yokohama , Japan

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

1
Total Citations
View Citations
293
Total Downloads

Downloads (Last 12 months)150
Downloads (Last 6 weeks)18

Reflects downloads up to 22 Nov 2024

Other Metrics

View Author Metrics

Citations

Cited By

Salvi ALu KPapka MWang YReda K(2024)Color Maker: a Mixed-Initiative Approach to Creating Accessible Color MapsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642265(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642265
Huang YZhang ZJiao AMa YCheng R(2023)A Comparative Visual Analytics Framework for Evaluating Evolutionary Processes in Multi-Objective OptimizationIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.332692130:1(661-671)Online publication date: 24-Oct-2023
https://dl.acm.org/doi/10.1109/TVCG.2023.3326921

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Full Text

View this article in Full Text.

HTML Format

View this article in HTML Format.

Media

Figures

Other

Tables

View full text|Download PDF

View Table of Contents