Design Characterization for Black-and-White Textures in Visualization

This is a repository for all data and analysis scripts used in the paper "Design Characterization for Black-and-White Textures in Visualization", presented at IEEE Visualization 2023 and published in the journal IEEE Transactions on Visualization and Computer Graphics. If you use the results in new projects or use it in a different way we would appreciate a citation:

Tingying He, Yuanyang Zhong, Petra Isenberg, and Tobias Isenberg. Design Characterization for Black-and-White Textures in Visualization. IEEE Transactions on Visualization and Computer Graphics, 30(1):1019–1029, January 2024. doi: 10.1109/TVCG.2023.3326941; open-access versions are available at HAL and at arXiv.

You can also find the code for texture design interface: https://github.com/tingying-he/design-characterization-for-black-and-white-textures-in-visualization/tree/main/texture-design-interface

BibTex

@article{He:2024:DCB,
  author      = {Tingying He and Yuanyang Zhong and Petra Isenberg and Tobias Isenberg},
  title       = {Design Characterization for Black-and-White Textures in Visualization},
  journal     = {IEEE Transactions on Visualization and Computer Graphics},
  year        = {2024},
  doi         = {10.1109/TVCG.2023.3326941},
  shortdoi    = {10/gtkwg3},
  doi_url     = {https://doi.org/10.1109/TVCG.2023.3326941},
  oa_hal_url  = {https://hal.inria.fr/hal-04167900},
  preprint    = {https://doi.org/10.48550/arXiv.2307.10089},
  osf_url     = {https://osf.io/n5zut/},
  url         = {https://tobias.isenberg.cc/VideosAndDemos/He2024DCB},
  github_url  = {https://github.com/tingying-he/design-characterization-for-black-and-white-textures-in-visualization},
  pdf         = {https://tobias.isenberg.cc/personal/papers/He_2024_DCB.pdf},
  video       = {https://youtu.be/PfhSx-n02so},
}

Project websites

• https://tingying-he.github.io/projects/He_2024_Textures.html
• https://tobias.isenberg.cc/VideosAndDemos/He2024DCB
• https://www.aviz.fr/Research/BWTextures

Folder Structure

• experiments-codes/
  Contains the source code for running the studies (Experiment 1 and Experiment 3), including scripts for setting up the experiments and generating stimuli.
  Note: Experiment 2 was a questionnaire distributed via LimeSurvey (Inria) and is therefore not included here.

• experiments-stimuli-results-analysis/
  Contains the stimuli, collected results, and analysis scripts for Experiment 1, Experiment 2, and Experiment 3.

• graphics-replicability-stamp/
  Contains the files submitted for the Graphics Replicability Stamp application.
  Our Replicability Stamp record: https://www.replicabilitystamp.org/#https-github-com-tingying-he-design-characterization-for-black-and-white-textures-in-visualization

• texture-design-interface/
  An interactive interface for designers to test different texture designs on bar charts, pie charts, or maps by adjusting texture parameters. This tool was adapted for use in Experiment 1.

Instructions for generating figures (Graphics Replicability Stamp)

Requirements

The R script contained within this repository requires, in addition to a normal R installation, several packages including (potentially more):

• plyr
• dplyr
• tidyr
• reshape2
• ggplot2
• propCIs

To install these required packages, run the following call from a command line: Rscript -e "install.packages(c('plyr', 'dplyr', 'tidyr', 'reshape2', 'ggplot2', 'propCIs'), repos='https://cran.rstudio.com')"

If you encounter problem with Pandoc:

1. To check whether Pandoc was correctly installed: Rscript -e "rmarkdown::pandoc_exec()"
2. To install Pandoc from its official website: https://pandoc.org/installing.html . If you use macOS, you can also use Homebrew to install it: brew install pandoc

Running the R script

1. Clone this repository using git clone [email protected]:tingying-he/design-characterization-for-black-and-white-textures-in-visualization.git or download the code as a ZIP file from the repository.
2. Change to the cloned directory, and then navigate to the graphics-replicability-stamp folder by using the command cd graphics-replicability-stamp. All files related to the Graphics Replicability Stamp Initiative are stored in this folder.
3. Once you are in the graphics-replicability-stamp directory, knit the all-exp2-exp3-figures.Rmd file by running Rscript -e "library(rmarkdown); rmarkdown::render('./all-exp2-exp3-figures.Rmd', 'html_document')"

Files produced

After the script completes, in the graphics-replicability-stamp/results folder you should see the following figures from the paper in PDF format.

• Fig. 4
  • Figure4a-exp2_beauvis_bar.pdf
  • Figure4b-exp2_beauvis_pie.pdf
  • Figure4c-exp2_beauvis_map.pdf
  • Figure4d-exp2_beauvis_diff_bar.pdf
  • Figure4e-exp2_beauvis_diff_pie.pdf
  • Figure4f-exp2_beauvis_diff_map.pdf
• Fig. 5
  • Figure5a-exp2_vibratory_bar.pdf
  • Figure5b-exp2_vibratory_pie.pdf
  • Figure5c-exp2_vibratory_map.pdf
  • Figure5d-exp2_vibratory_diff_bar.pdf
  • Figure5e-exp2_vibratory_diff_pie.pdf
  • Figure5f-exp2_vibratory_diff_map.pdf
• Fig. 6
  • Figure6a-exp3_correct_rate_bar.pdf
  • Figure6b-exp3_correct_rate_pie.pdf
  • Figure6c-exp3_correct_rate_diff_bar.pdf
  • Figure6d-exp3_correct_rate_diff_pie.pdf
• Fig. 7
  • Figure7a-exp3_response_time_bar.pdf
  • Figure7b-exp3_response_time_pie.pdf
  • Figure7c-exp3_response_time_diff_bar.pdf
  • Figure7d-exp3_response_time_diff_pie.pdf
• Fig. 8
  • Figure8a-exp3_readable_bar.pdf
  • Figure8b-exp3_readable_pie.pdf
  • Figure8c-exp3_readable_diff_bar.pdf
  • Figure8d-exp3_readable_diff_pie.pdf
• Fig. 9
  • Figure9a-exp3_beauvis_bar.pdf
  • Figure9b-exp3_beauvis_pie.pdf
  • Figure9c-exp3_beauvis_diff_bar.pdf
  • Figure9d-exp3_beauvis_diff_pie.pdf

We are unable to script the other images in our paper, as they are design samples created by participants or old visualization examples.