Bubble chart with nudge

One circle per category, area by amount, packed together. Tap one and it grows to show its number while the neighbours it now overlaps get pushed straight away from it — only as far as they need to, and the rest stay put.

What it is

One circle per category, area by amount, packed together. Tap one and it grows to show its number while the neighbours it now overlaps are pushed straight away from it — only as far as they need, and the rest stay put. A friendly way to compare a dozen categories in a finance, nutrition or analytics app; the nudge keeps everything readable while one bubble is being inspected.

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

Seen in

@叨叨AI (Douyin) · 第 6 集「10 个图表交互控件」· 10 气泡图 · 1:05