播种：多源采集
接入 42 个环保采集端，电表/水表/空气站按 5 分钟粒度上报，统一时间戳对齐，迟到数据自动补位。
有机数据花园自然有机 · 大数据分析
手绘插画
互动数据可视化
网格布局
自然有机 × 大数据挖掘
让每一行数据，
都在花园里慢慢长大
我们把企业的环保理念种进数据土壤：手绘插画负责温柔表达，互动数据可视化负责精准说明。你在页面上的每一次悬停，都会唤醒一片生长中的数据叶片——不喧哗，只陪你一起看清变化。
参考基准：首屏可交互元素 ≥ 5 个，动画时长 300–600ms，柔和淡入上浮，不做弹跳。
图文混排特写
数据像植物一样生长，也像植物一样需要照料
我们把一次完整的环保数据链路拆成四个可观察阶段。每个阶段都有明确的采集频率与质量阈值，方便你按自己的节奏照料这片花园。
生根：指标清洗
剔除空值、去重、异常值按 3σ 规则标记而非直接删除，保留原始值以便回溯，清洗通过率目标 ≥ 98%。
抽枝：可视化编排
每条指标绑定一张卡片，卡片按网格布局错落排布，重点指标用 accent 色小面积点亮，避免整屏高饱和。
结果：用户体验反馈
埋点记录首屏停留、卡片点击与图表缩放行为，每周复盘一次，把 30% 的低互动卡片替换为更贴近业务的指标。
关键数据条
当前花园的四个真实读数
78.4万今日新增环保数据点
98.2%指标清洗通过率
<90s数据新鲜度（端到端）
1,860+已纳管可查询指标
读数口径：以上为展示用样例口径；正式接入时建议把「新鲜度」拆分为采集延迟与计算延迟两项独立监控，任一超过 120 秒即触发提醒。
核心能力卡片 · Bento 错落格
五张卡片，把大数据能力讲成看得懂的日常
互动数据可视化
折线、环形、桑基三种视图自由切换，悬停高亮同源指标，缩放范围锁定在近 7 天，避免图表抖动带来的阅读负担。
手绘插画语义层
为关键指标配一张手绘插画注解，用叶片、水滴、年轮表达同比与环比，让非数据岗位的同事也能三秒读懂。
网格布局与卡片式设计
12 栏网格 + 卡片式设计，卡片间距 16px、圆角 24px；超大屏自动扩为 4 列，横向空间不被浪费。
自然有机的视觉基调
大地色底 + 暖光晕染，配合不规则曲线与 blob 色块，让环保主题不靠口号、靠质感传达。手绘质感与柔光叠加，长时间注视也不刺眼。
可溯源的数据链路
每个数字都可下钻到原始采集批次与清洗日志，点击卡片右下角「溯源」即可查看该指标的完整血缘，误判时能快速回退。
应用场景展示
同一个花园，三种人走进来
滚动向下时，上一张卡片会轻柔地停驻并覆盖下一张——像翻动一本有厚度的纸页，帮你把注意力留在当前这一段。
实用指导清单
六条可落地的做法，今天就能开始照料你的数据花园
先定 5 个核心指标，再谈可视化
从减排量、能耗强度、回收率、数据完整率、用户互动率中各选 1 个作为首屏指标，其余全部收进二级页面。指标超过 8 个时，卡片信息密度会明显下降。
首屏指标 ≤ 5 个把配色收敛到 60-30-10
约 60% 暖米白中性底、30% 大地色主色、10% 蓝调强调色。强调色只用于按钮、激活态、关键数字与细高亮线，切忌整条横幅铺满高饱和色。
强彩面积 ≤ 10%用 4/8pt 节奏统一间距
卡片内边距 24px、卡片间距 16px、区块间距 48px，全部取自统一间距令牌；不要在各处写死 13px、27px 这类魔法数值，后期改版会失控。
间距取值仅限 4 的倍数动效慢一点，但要有反馈
淡入上浮用 450–700ms 的缓出曲线，位移控制在 18px 内；悬停位移 3–4px 并叠加柔和阴影。所有动效都要在减少动态偏好下自动关闭。
单次动效 ≤ 700ms图片统一裁切，防布局跳动
主视觉用 16/11、场景图用 3/4 固定宽高比容器，配合 object-fit: cover；一律写描述性 alt 与懒加载，首屏主图可设为立即加载以保证观感。
CLS 目标 < 0.1每周复盘一次互动数据
统计各卡片的点击率与停留时长，把点击率低于 5% 的卡片替换或合并；同时检查数据新鲜度是否长期稳定在 90 秒内，超过则优先排查采集端。
低效卡片月度替换率 30%