Покажи разработчику: я создал ... Заметка
DEV Community на русском

Покажи разработчику: я создал сайт о температуре воды, где каждое число снабжено указанием источника — как бы вы сделали это лучше?

Привет всем! Я создал https://watertemperaturelive.com — сайт, отображающий текущую температуру воды и прогнозы приливов примерно для 20 контролируемых прибрежных районов США и Великих озер. Данные поступают из официальных источников: станций NOAA CO-OPS на пирсах/в гаванях, буев NDBC, датчиков USGS и ежедневного спутникового анализа температуры поверхности моря от NASA/JPL (MUR).Проблема, которую я пытаюсь решить, — это путаница с происхождением данных. Большинство сайтов с температурой воды показывают одно число. Но термометр на пирсе в Ла-Хойе (NOAA 9410230) и пиксель спутникового анализа в 1 км от берега — это совершенно разные вещи. Например, прямо сейчас на пирсе в Ла-Хойе температура составляет 72,9°F (наблюдение 23 октября, 15:24 PDT) — выше обычного 90-го процентиля октября для этой станции, который составляет 67,8°F (2021–2025 гг.). Пиксель спутника в нескольких километрах от берега может показывать другую температуру, и ни одно из значений не является «неправильным» — это разные измерения.Поэтому каждое число на сайте имеет метку: идентификатор станции, время наблюдения и является ли это прямым наблюдением или спутниковым анализом, плюс сезонный базовый диапазон, чтобы вы могли определить, когда сегодняшнее показание является необычным. Пример страницы: https://watertemperaturelive.com/us/california/la-jolla/?utm_source=dev-community&utm_medium=community&utm_campaign=water_resourcesРаскрытие информации: я владелец/разработчик сайта — публикую для получения отзывов, а не только для трафика. (Я использовал помощь ИИ для составления этого сообщения.)Мой вопрос: как бы вы обозначили наблюдаемые и анализируемые значения, чтобы случайный посетитель (не специалист по данным) мгновенно понял разницу? Сейчас я использую метки вроде «показание с пирса» против «спутниковый анализ» плюс идентификатор станции. Достаточно ли этого, или вы бы сделали что-то более явное в пользовательском интерфейсе? Также интересно, как другие решают проблему мобильной компоновки для страниц с большим количеством данных — таблицы приливов становятся тесными.— Эрик МакВэй