Color Cycle Survey

Picks
Reminder:

Introduction

A color cycle is an ordered set of colors used for plotting categorical data for visualization. Unfortunately, most existing color cycles are not colorblind-friendly. This is an issue since a significant fraction of those viewing a particular plot may be colorblind, especially in fields with diversity shortcomings. The technical aspect of this can be resolved by enforcing minimum perceptual distances between colors, both for normal color vision and for various types of simulated color vision deficiencies.

Category 10 color cycle (default in Matplotlib, D3.js, etc.)

Original

Simulated deuteranopia

Simulated protanopia

However, this leaves the aesthetic aspect, which is where this survey comes in. The goal of this survey is to crowd-source the information needed to generate aesthetically pleasing color cycles that are also colorblind-friendly. Randomly generated color sets and cycles, which have a minimum perceptual distance enforced between colors, are presented for the user to choose the most pleasing one. These data will then be used to train a model to generate aesthetically pleasing color cycles. Additionally, once anonymized, the collected data will be released under a permissive license.

Questionnaire

Please answer a few (optional) questions to get started. Only anonymized data will be released. See the about & privacy page for details on data collection and usage. First-party cookies are also used.

Taking a survey obviously requires data collection.

If you are running software to change your display’s color temperature, e.g. f.lux, Night Shift, or Redshift, please turn it off before continuing.

Directions

Each iteration of this survey consists of two steps:

First, you’ll be presented with two color sets, which are ordered by hue. Choose the colors you prefer (not the order).

A B C D
E F G H

Then, you’ll be presented with four different permutations of the set you chose. Choose the order you prefer (the colors are the same).

1 2 3 4
4 2 1 3
3 1 4 2
2 3 1 4

Remember, the first few colors are the most important, since they will be used more often, e.g. a plot with only two elements would only use the first two colors in a given color cycle.

This process will repeat ad infinitum (well, until you stop). If you make a mistake, keep going; your browser’s back button will not work.

Choose set:

Set A

Set B

Choose cycle:

Cycle 1

1
2
3
4
5
6
7
8
9
10

Cycle 2

1
2
3
4
5
6
7
8
9
10

Cycle 3

1
2
3
4
5
6
7
8
9
10

Cycle 4

1
2
3
4
5
6
7
8
9
10