活跃卡片 Demo
GitHub 贡献图风格 · 每天每时段一格 · 颜色深浅 = 活跃度(模拟数据)
位置 A · 在线用户卡片内嵌 mini 图
每张在线用户卡底部带活跃图(近 7 天 × 4 时段)
时段:凌晨 / 上午 / 下午 / 晚上 · 点卡片展开下方大图
位置 B · 展开大图(点卡片后)
近 14 天 × 24 小时热力图
行 = 日期(今天在最下)· 列 = 0~23 点 · 色越深请求越多
张
张伟 · 活跃卡片
窗口跟随页面右上角所选:近 24h / 7 / 30 / 90 天
12
活跃天数
20-22
最活跃时段
1.2M
窗口 Token
86
窗口请求
活跃度:
· 指标 = 请求次数(可切 Token)
位置 C(备选)· 统计页独立「活跃度」区块
下拉选用户 → 看大图(不进实时区)
适合用户多、不想在实时区铺热力图的情况
所选用户最近 30 天 × 24 小时活跃
待拍板:
① 位置:A(卡内嵌) / B(展开大图) / C(独立区块)组合?② 时段粒度:24 小时 / 4 时段?③ 范围:7 / 14 / 30 天?④ 指标:请求次数 / Token?
模拟数据仅演示形态 · 确认后写任务书