A scroll-driven visualization tracks the top-grossing movies of all time, showing how their box office earnings grow over their first 26 weeks of release. As the user scrolls through a timeline from 1993 to 2019, the chart updates to highlight the current top three films with pink lines, using D3’s nested data and scale functions to bind the scroll position to the year domain. The data comes from Box Office Mojo via Axios, rendered as SVG paths with d3.line and a Canvas-free DOM-based tooltip.