云衡气象 · 多站点小型气象站监测可视化平台产品系统Vibe Coding

可接入AI;山区气象观测点分布散、无人值守，传统方式靠人工抄录或厂家自带软件，数据割裂、无法统一监管，超限天气也无法第一时间预警，给高山茶园种植、林业防护和防灾减灾带来风险。本项目面向农业合作社、景区管理方、环保监测单位等多站点监测业务场景，提供一套开箱即用的可视化平台：把多个高山自动气象站的温度、湿度、气压、风雨等数据集中到一个仪表盘实时呈现，支持历史回溯与阈值告警，帮助客户低成本完成监测数字化，也为后续接入真实传感器硬件预留了标准接口。

平台共四大模块。①实时监测仪表盘：多站点下拉切换，温度、相对湿度、大气压强、风速、风向五参数加降雨量、光照强度、土壤温湿度、紫外线扩展项共 10 张监测卡片，数据每 3 秒自动刷新，配动态 SVG 图标与最近 24 小时温湿度平滑趋势图，超限卡片自动变色并柔和闪烁提醒。②历史数据查询：起止日期筛选，温度/湿度曲线与降雨量柱状图支持缩放，明细表格分页展示，一键模拟导出 CSV（真实生成文件下载）。③告警管理：高温、低温、高湿、大风、强降雨五类预警日志，各参数阈值可视化配置、保存即生效。④系统/站点管理：站点档案、地理位置、传感器清单展示与联系我们表单。全站响应式，电脑大屏、平板、手机自适应。

我独立完成产品原型、UI 设计与全部前后端逻辑编码。技术上采用 HTML + TailwindCSS v3 + 原生 JavaScript + ECharts 的零构建纯前端架构，双击 HTML 即可运行，可一键部署到任意静态服务器或低成本轻量云主机。实现亮点：自研带种子的模拟传感器引擎，按站点气候基线叠加日变化正弦模型与随机游走算法，数据真实连贯且可复现，客户后续只需替换一个函数即可对接真实气象传感器 API；告警引擎带 60 秒冷却防抖，阈值与告警日志使用 localStorage 持久化；图表统一深色主题渐变渲染、渐进加载动画；全站遵循 8px 网格设计系统，配色圆角阴影全部 CSS 变量化管理，注释完整，便于二次开发。