- To create a browser based visualization with a colorblind-friendly color palette.

- The visualization can be highlighting a piece of text (such as a permacomputing principle or other relevant source relating to issues of access and accessibility), a type of data relating to the topics of the week or a technical/aesthetic exploration of colorblind-friendly visuals.

- It can be static or dynamic.

GOAL

COLOUR PALETTE

Protanopia and deuteranopia that are a type of red-green color blindness. where people with protanopia lack the red cone cells in their eyes and people with deuteranopia lack the green cone cells in their eyes.

They may see red as green or gray, and generally have difficulty distinguishing between shades of red, green, and brown.

Interestingly enough, this kind of color scheme reminds me to a dog’s visual colour spectrum. As it turns out, similar to people with protanopia or deuteranopia, dogs do not distinguish red and green and they mostly see blues and yellows.

So, for this assigment I’m going to choose a colour palette suitable for humans with protanopia & deuteranopia as well as all the canine world!

AVERAGE HUMAN VISION

PROTANOPIA (NO RED)

DEUTERANOPIA (NO GREEN)

DOG'S VISION

In order to work with colourblind-friendly colours so that everyone is be able to appreciate the visuals, this is the main colours I'll be working with:

HEX: #2255e4

HEX: #586d98

HEX: #ecda3a

HEX: #99680b

I’ve run the colour palette thorugh a Color Blindness Simulator & Dog vision simulator to confirm that everyone is be able of easily telling all the colours appart.

After the simulations, we can confirm that people with protanopia & deuteranopia as well as dogs, can clearly differentiate the colours in the chosen palette (or colurs in a similar range).

AVERAGE HUMAN VISION

PROTANOPIA (NO RED)

DEUTERANOPIA (NO GREEN)

DOG'S VISION

As a result, I've used Hydra to design these live visuals that "comply" with the colorblind-friendly color palette defined in the previous stage (it takes a while to load, please be patient) :

VISUALIZATION

SIMULATION

By LEIRE LOPEZ