基础型组(F1–F12)· Lupi 语法 × 基础图型剪影
柱 / 折线 / 面积 / 环形 / 横条 / 分组 / 堆叠 / 散点 / 瀑布 / 热力 / 进度 / 哑铃。远看认得出图型剪影,近看每个单位可数(1 档 = $1k · 1 tick = 1 人 / 1%)。为稀疏聚合数据而设:数据不用多,密度来自单位分解。代码检索方式同 lupi-gallery:按 // ════ 图型名 ════ 注释块。
LUPI 基础型 · 柱状
Revenue by plan, rung by rung
one rung = one $k of MRR · the bar is a ladder you can count
RUNG BARS · MONO-BASIC · BILLING
LUPI 基础型 · 折线
Thirty days of sign-ups
one dot = one day · hollow = weekend · the barcode floor keeps the calendar honest
HAIRLINE LINE · MONO-BASIC · GROWTH
LUPI 基础型 · 面积
Concurrent users, filled with days
one hairline = one day, floor to peak · the area is made of days, not paint
HAIRLINE AREA · MONO-BASIC · LIVE OPS
LUPI 基础型 · 环形
Where the traffic comes from
one tick = one percent · four sources shade the dial · read it like a clock
TICK DONUT · MONO-BASIC · ACQUISITION
LUPI 基础型 · 横向条形
Six teams, shipped and counted
one tick = one release this quarter · the row is a queue, not a bar
TICK ROWS · MONO-BASIC · 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 · MONO-BASIC · BILLING YoY
LUPI 基础型 · 堆叠柱
Where each region's revenue sits
one rung = $1k · three products stack up the ladder, darkest carries the most
STACKED RUNGS · MONO-BASIC · 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 · MONO-BASIC · PRODUCT PANEL
LUPI 基础型 · 瀑布
From gross to net, step by step
one rung = $1k · solid rungs add, hollow rungs take away · the ladder walks down
RUNG WATERFALL · MONO-BASIC · P&L
LUPI 基础型 · 热力
When support gets loud
7 days × 12 hours · dot area = tickets · biggest cell labeled · silence stays visible
DOT HEAT · MONO-BASIC · 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 · MONO-BASIC · QUARTERLY TARGET
LUPI 基础型 · 哑铃对比
Onboarding, before and after the redesign
hollow dot = before · solid dot = after · beads on the track = minutes saved, countable
DUMBBELL QUEUE · MONO-BASIC · UX TIMING