This project explored 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 make an interesting connection between the two different tools that both require the pressing of the finger.

I created 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 a unique design depending on what users had typed.