{"version":"1.0","type":"rich","title":"Gist 54bcba37ab92767d6ea819d7b4c7b3e4","description":"This interactive animation demonstrates a timeline-based playback control system for scrubbing through temporal data. The visualization pairs a draggable slider and numeric time input with keyboard shortcuts (space, arrow keys, P, N) to navigate and reverse playback. Built on jQuery and GSAP’s TimelineMax, the code uses `totalProgress()` and `totalTime()` to synchronize the controls with the animation state. The data source is a local timeline object, with rendering handled entirely through DOM manipulation and GSAP’s tweening engine rather than a charting library.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-54bcba37ab92767d6ea819d7b4c7b3e4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}