Glance 系(快读)· 18 张参考实现
粗笔画 · 提前聚合 · 3 秒读完。每张卡是一个图型的参考实现;代码在页内 // ════ 图型名 ════ 注释块里,按 catalog.md 的卡内标题检索。
Daily active range
min – max concurrent users · 1–14 Feb
RANGE CAPSULES · MONO-DEMO · LIVE OPS
How releases made us feel
reactions tagged in retro · H1 2026
PETAL ROSE · MONO-DEMO · TEAM RETRO BOARD
Revenue by plan
Q2 2026 · MRR, $K
CHUNKY BARS · MONO-DEMO · BILLING
Where sign-ups come from
Q2 2026 · every dot = 1% of new accounts
DONUT, REDESIGNED · MONO-REDESIGN · ATTRIBUTION
Trees planted, year by year
reforestation program · thousands of trees
PICTORIAL BAR · MONO-FANCY · GREEN OPS
Who works with whom
cross-team collaborations · Q2 2026 · line = shared project
CIRCULAR GRAPH · MONO-FANCY · PROJECT DB
Everything the platform ships
product areas and capabilities · Jun 2026
TREE · MONO-FANCY · PRODUCT CATALOG
Campaigns rain down, sign-ups flow
daily ad spend (from top, $K) vs sign-ups (flow, hundreds) · 30 days
DUAL AREA · MONO-FANCY · GROWTH + ADS
One dataset, three views
watch the same 12 products fly between views · every 3s
SCATTER MORPH · MONO-FANCY · COHORTS
Where we gained, where we bled
net accounts per segment · Q2 2026 · churn left, growth right
DIVERGING BAR · MONO-FANCY2 · CRM
Integrations, pulled into orbit
force layout · node = monthly syncs · drag a node, the web fights back
FORCE GRAPH · NEW · INTEGRATION HUB
Fifty markets, one wave
sign-ups per market · bars cascade in · click to replay
STAGGER DELAY · MONO-FANCY2 · GROWTH
Big slice, deep engagement
angle = share of users · radius = minutes per day · dotted rings at 15 / 30 / 45 min
CUSTOM PIE · MONO-FANCY3 · PRODUCT ANALYTICS
Support load, day by day
tickets per hour · each row is its own axis · dot = volume
SINGLE AXIS · MONO-FANCY3 · SUPPORT DESK
Response times, spread out
every dot = one ticket · jitter reveals the pile-up · by priority
JITTER STRIP · MONO-FANCY3 · SUPPORT DESK
Eight products race for revenue
MRR by product, $K · 2019 → 2026 · leader wears black · click to replay
BAR RACE · MONO-FANCY4 · BILLING
Concurrent users, streaming
one new reading every 300ms · window of 50 · click to restart
DYNAMIC DATA · MONO-FANCY4 · LIVE OPS
H1 revenue, drawn in one stroke
cumulative ARR · the line draws, the number counts · click to replay
DRAW-IN + COUNTER · MONO-FANCY4 · FINANCE