Range line morph

1W / 1M / 1Y on one line. Switching range does not redraw: every point slides to where it is in the new data, the area fill under it follows, and the headline number counts across. The line never blinks.

What it is

1W / 1M / 1Y on one line. Switching range does not redraw: every point slides to where it is in the new data, the area fill follows, and the headline number counts across. The line never blinks. The stock-app and crypto pattern for balance, portfolio and metric charts, where a flash on every switch makes a product feel cheap and continuity makes it feel considered.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 6 集「10 个图表交互控件」· 06 范围折线图 · 0:43