feature316
A pinned scroll feature section for an impact report built on the scroll-rail component: the heading, intro, an Arrow Pill and an underline link open a row of figures that travels sideways as the page scrolls. Each figure panel pairs a large number and a one-line label with its own small chart drawn in the text color, a filling bar, a field of dots, a sparkline, a ring, a two-year comparison or a stacked share with a legend, which draws itself when the panel reaches the middle and resets when it moves back. A short context paragraph brightens as the panel arrives, photographs with inner parallax break up the rhythm, and a closing line with its own button ends the rail. Reduced motion turns the rail into a plain horizontal scroll with every chart drawn.
feature316
A pinned scroll feature section for an impact report built on the scroll-rail component: the heading, intro, an Arrow Pill and an underline link open a row of figures that travels sideways as the page scrolls. Each figure panel pairs a large number and a one-line label with its own small chart drawn in the text color, a filling bar, a field of dots, a sparkline, a ring, a two-year comparison or a stacked share with a legend, which draws itself when the panel reaches the middle and resets when it moves back. A short context paragraph brightens as the panel arrives, photographs with inner parallax break up the rhythm, and a closing line with its own button ends the rail. Reduced motion turns the rail into a plain horizontal scroll with every chart drawn.