Color Vision Simulator

Inspiration

I was playing around certain settings on my old camera which altered colors captured in the images. It sparked my curiosity about the visual world of individuals with color vision deficiencies. Hence, I decided to build an app that simulates how people with deuteranomaly may perceive different colors.

What it does

The Color Vision Simulator allows users to input RGB values and generate a text description and image of how colors are perceived by individuals with color vision deficiency, in particular Deuteranomaly.

How I built it

I started with the core functionality which allows users to input RGB values and receive a short explanation of the color. Then, I simulated the perception of the color for individuals with deuteranomaly and provided a visual representation. To make it more educational, I integrated a chatbot to answer questions that users may have about color vision deficiencies.

Challenges I ran into

One of the main challenges was crafting prompts for the generative AI. I needed to be clear in my prompts. Additionally, I needed to manage the interactivity between various widgets to reference data so that it will provide a seamless user experience.

Accomplishments that I'm proud of

I gained knowledge and honed my skills in creating clear prompts that guide the generative AI to produce relevant content. Also, knowing how to use the cross-widget referencing allowed me to weave together the widgets.

What I learned

I learned how to draft clear prompts that leads to relevant AI generated content and learned the technical nuances of PartyRock's widget referencing. Additionally, I developed an insight into the user journey when using an AI application, making sure that the application leads to the next in a logical manner.

What's next for Color Vision Simulator

Expanding the simulator to cover a broader range of color vision deficiencies as right now the app is focused on deuteranomaly only.

Built With

• partyrock