See a demo of the “Colour Translator” App here.
About the Project
I’ve always associated a certain colour with each of the letters of the alphabet. In something like 2006 I decided to document them on computer.
Around the same time, I put together a basic web-page as an experiment, to see if it was possible to read text via this colours representation.
This git repo is for a 2018 rewrite of the Colour Translator. It’s a small program, and now that I know how to use React I can build a more advanced version of it quite quickly.
It turns out that "grapheme colour synesthesia" is somewhat common and has been studied. Here are some webpages about it:
The image below is taken from the latter of these two links. How interesting that my set of colour 'choices' to some extent resembles the average of the 6588 survey participants:
Some of the letter-colour pairings found in this survey are nothing more than matching the first letter of colour names (B - blue; G - green; P - purple; R - red; Y - yellow).
But even accounting for this, I agree with the survey-result choices for letters: C - yellowish, K - orangish, L - yellowish, O - whiteish, S - yellowish, V - purpleish, W - purpleish.
Building the App in React
Libraries / tools used:
Create React App - provides a console-based development environment for working in React.
D3 - useful when programatically creating SVG elements.