{"version":"1.0","type":"rich","title":"Fork of Blank Slate with Hot Reloading","description":"This interactive rectangle piano renders a 14-key keyboard with white and black keys using raw HTML, CSS, and JavaScript, without relying on external libraries. The visualization demonstrates DOM manipulation and event handling, as clicking each key triggers a Web Audio API `AudioContext` oscillator that plays a sine wave at a frequency mapped from a MIDI note number. The interface provides visual feedback by darkening keys on mousedown, and uses absolute positioning with a repeating seven-key pattern to place notes. The gradient background, responsive layout, and key styling are all achieved through inline styles and CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/71a7f2d8da4b428b987fed97b6cd5e59?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}