about me

scroll to explore

special thanks to

Olivier Llouquet

"words don't have to make sense to have meanings."

This project explore on the idea of visualizing information (data) of the viewers' interactions.

I approached the project with topics that are close to me: the computer keyboard & the piano keyboard. I wanted to somehow make an interesting connection between the two different tools, yet both require the pressing of the finger.

I decided to create a web app that could take and displays the data by the user's input in real time. With each key typed on the keyboard, a piano key will be played and the app would display which key was pressed on the representation of the computer keyboard & the piano keyboard via heatmaps. Given enough inputs, the heatmap would overlap each other creating an unique design depending on what users have typed.