Draggable goal line

A dashed goal across a bar chart with a handle you can drag. As it moves, every bar that clears it lights up and every bar that falls under it goes dark, and the 'days on goal' count in the header follows in real time.

What it is

A dashed goal across a bar chart with a handle you can drag. As it moves, every bar that clears it lights up and every bar that falls under it goes dark, and the 'days on goal' count in the header follows in real time. For budgets, step counts, sales targets and sleep goals — it turns setting a goal into a conversation with the data instead of typing a number in a form.

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

Seen in

@叨叨AI (Douyin) · 第 6 集「10 个图表交互控件」· 07 目标线 · 0:50