基础型组 F1–F17 × WIRE
编辑部红 · 黑灰为体，每张图一个主角元素上红（最大柱/峰值/NET/改版后）。几何、动画、数据与 basics-gallery 一致；彩色版统一加墨（线宽 ×1.8 / 透明度地板 .85，dot heat 除外——它的墨本来就够）。滚入播动画，点击重播。
LUPI 基础型 · 柱状
Revenue by plan, rung by rung
one rung = one $k of MRR · the bar is a ladder you can count
RUNG BARS · WIRE · BILLING
LUPI 基础型 · 折线
Thirty days of sign-ups
one dot = one day · hollow = weekend · the barcode floor keeps the calendar honest
HAIRLINE LINE · WIRE · GROWTH
LUPI 基础型 · 面积
Concurrent users, filled with days
one hairline = one day, floor to peak · the area is made of days, not paint
HAIRLINE AREA · WIRE · LIVE OPS
LUPI 基础型 · 环形
Where the traffic comes from
one tick = one percent · four sources shade the dial · read it like a clock
TICK DONUT · WIRE · ACQUISITION
LUPI 基础型 · 横向条形
Six teams, shipped and counted
one tick = one release this quarter · the row is a queue, not a bar
TICK ROWS · WIRE · RELEASE LOG
LUPI 基础型 · 分组柱
This year against last, plan by plan
two ladders per plan · solid rungs = 2026 · faint rungs = 2025 · one rung = $1k
PAIRED RUNGS · WIRE · BILLING YoY
LUPI 基础型 · 堆叠柱
Where each region's revenue sits
one rung = $1k · three products stack up the ladder, strongest carries the most
STACKED RUNGS · WIRE · REVENUE MIX
LUPI 基础型 · 散点
Price against satisfaction, twelve products
every dot hangs a plumb line to the floor · read x by the line, y by the height
PLUMB SCATTER · WIRE · PRODUCT PANEL
LUPI 基础型 · 瀑布
From gross to net, step by step
one rung = $1k · solid rungs add, dashed rungs take away · the ladder walks down
RUNG WATERFALL · WIRE · P&L
LUPI 基础型 · 热力
When support gets loud
7 days × 12 hours · dot area = tickets · biggest cell labeled · silence stays visible
DOT HEAT · WIRE · SUPPORT DESK
LUPI 基础型 · 进度
How far to the quarter's goal
one tick = one percent of target · inked = earned · the dial reads left to right
TICK GAUGE · WIRE · QUARTERLY TARGET
LUPI 基础型 · 哑铃对比
Onboarding, before and after the redesign
hollow dot = before · solid dot = after · beads on the track = minutes saved, countable
DUMBBELL QUEUE · WIRE · UX TIMING
LUPI 基础型 · 矩形树图
Where the work went
1,280 shipped hours · area = effort · fluorescent orange = the single focal workstream
NESTED TREEMAP · WIRE · WORK PORTFOLIO
LUPI 基础型 · 直方图
Most tickets resolve within six hours
one rung = one ticket in a hundred · bins of two hours · the ladder shows the pile
RUNG HISTOGRAM · WIRE · SUPPORT DESK
LUPI 基础型 · 箱线图
Reply times, boxed by plan
box = the middle half of tickets · paper tick = median · hollow dot = an outlier nobody enjoyed
TICK BOX · WIRE · SUPPORT DESK
LUPI 基础型 · STREAMGRAPH
Three products trade the same river
48 weeks of usage share · band width = weekly active accounts · the river swells where the total grows
STREAM RIBBON · WIRE · PRODUCT ANALYTICS
LUPI 基础型 · K 线
Six weeks of the token, candle by candle
body = open to close · wick = the day's full reach · ink = closed down · hollow = closed up
CANDLESTICK · WIRE · MARKET DATA