🌍 Public
Viewing a saved revision (read-only)
10042c7a3d8b4564b94885bf358cdaa7
Rainbow Piano
This interactive piano visualization uses React to render a two-octave keyboard with SVG, where each key is colored in a distinct pastel rainbow hue based on its note name. Clicking a key triggers a short synthesized sine wave tone via the Web Audio API, creating aural feedback as the key visually brightens for 300 milliseconds. The interface combines playful color coding with functional sound generation, demonstrating a simple musical instrument built entirely with standard web technologies.
AI-generated description