{"version":"1.0","type":"rich","title":"Piano App","description":"This interactive piano app renders a two-octave keyboard as an SVG, where clicking a key triggers a sine-wave tone. The React component manages a set of pressed keys, updating their visual state, while the Web Audio API's `createOscillator`, `createGain`, and `exponentialRampToValueAtTime` methods synthesize a short, fading note. The white and black keys are drawn as SVG rectangles with note labels, and the app uses CSS transitions to show a subtle press effect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d8c961d470a044919437808be7098305?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}