Show DEV: 저는 모든 숫자에 출처를 명시한 수온 사이트를 만들었습니다. 더 잘 만들려면 어떻게 해야 할까요?
안녕하세요 여러분 — 저는 https://watertemperaturelive.com을 만들었습니다. 이 사이트는 미국 해안 및 오대호 지역 약 20곳의 현재 수온과 조석 예측을 보여줍니다. 데이터는 공식 출처에서 가져옵니다: NOAA CO-OPS 부두/항만 관측소, NDBC 부이, USGS 수위계, NASA/JPL의 일일 MUR 위성 해수면 분석.제가 해결하려는 문제는 출처 혼동입니다. 대부분의 수온 사이트는 하나의 숫자만 보여줍니다. 하지만 라호야의 부두 온도계(NOAA 9410230)와 해안에서 1km 떨어진 위성 분석 픽셀은 매우 다른 것입니다. 예를 들어, 현재 라호야 부두는 72.9°F(10월 23일 오후 3시 24분 PDT 관측)로, 해당 관측소의 일반적인 10월 90번째 백분위수인 67.8°F(2021–2025)보다 높습니다. 몇 킬로미터 떨어진 해안의 위성 픽셀은 쉽게 다르게 읽힐 수 있으며, 둘 다 '틀린' 것이 아니라 다른 측정값입니다.따라서 사이트의 모든 숫자는 라벨을 포함합니다: 관측소 ID, 관측 시간, 직접 관측인지 위성 분석인지 여부, 그리고 계절별 기준 밴드(오늘의 측정값이 비정상적인지 알 수 있도록)입니다. 예시 페이지: https://watertemperaturelive.com/us/california/la-jolla/?utm_source=dev-community&utm_medium=community&utm_campaign=water_resources공개: 저는 이 사이트의 소유자/개발자입니다. 트래픽뿐만 아니라 피드백을 받기 위해 게시합니다. (이 게시물 초안 작성에 AI의 도움을 받았습니다.)제 질문은, 일반 방문자(데이터 전문가가 아닌)가 차이를 즉시 이해하도록 관측값과 분석값을 어떻게 라벨링하시겠습니까? 현재 저는 '부두 측정값' 대 '위성 분석'과 같은 배지와 관측소 ID를 사용하고 있습니다. 그것으로 충분할까요, 아니면 UI에서 더 명시적인 것을 사용하시겠습니까? 또한 데이터가 많은 페이지의 모바일 레이아웃을 다른 분들은 어떻게 처리하는지 궁금합니다. 조석표가 비좁아집니다.— Eric McWay