展示开发版:我构建了一个水温网站,为每个数字标注了其来源——... 笔记

展示开发版:我构建了一个水温网站,为每个数字标注了其来源——你会如何做得更好?

大家好——我开发了 https://watertemperaturelive.com,该网站展示了约 20 个受监测的美国沿海及五大湖地区的水温与潮汐预测。数据来源包括官方机构:NOAA CO-OPS 码头/港口站点、NDBC 浮标、USGS 测站,以及 NASA/JPL 的每日 MUR 卫星海表分析。我试图解决的核心问题是溯源混淆。大多数水温网站仅显示一个数值,但拉霍亚(La Jolla)的码头温度计读数(NOAA 9410230)与离岸 1 公里的卫星分析像元却代表截然不同的含义。以当前为例,拉霍亚码头读数为 72.9°F(观测时间为 10 月 23 日 15:24 PDT),高于该站点 2021–2025 年 10 月期的第 90 百分位基准值 67.8°F;而离岸数公里的卫星像元读数可能大相径庭,两者并无对错之分——它们只是不同的测量方式。因此,本网站上的每一个数值都附带标签:站点编号、观测时间,以及该数据是直接观测还是卫星分析结果,同时还提供季节性基准范围,以便用户判断当日读数是否异常。示例页面:https://watertemperaturelive.com/us/california/la-jolla/?utm_source=dev-community&utm_medium=community&utm_campaign=water_resources声明:我是该网站的拥有者/开发者——发布此帖旨在寻求反馈,而非单纯获取流量。(我使用了 AI 辅助来撰写此帖。)我的问题是:你们会如何标注“观测值”与“分析值”,才能让普通访客(非数据专业人士)立刻理解两者的区别?目前我使用类似“码头实测”与“卫星分析”的徽章,并附加站点编号。这样是否足够?还是建议在用户界面中采用更明确的呈现方式?另外,也想了解其他人如何处理数据密集型页面的移动端布局——潮汐表在手机上往往显得拥挤。— Eric McWay