DEVを見せる:私は水の温度サイトを構築しました。各数値をそ... ノート

DEVを見せる:私は水の温度サイトを構築しました。各数値をそのソースでラベル付けしています。あなたならもっと良くできますか?

皆さん、こんにちは。https://watertemperaturelive.com を構築しました。このサイトは、米国の沿岸および五大湖の約20箇所の観測地点における現在の水温と潮汐予測を表示します。データは公式ソースから取得しています。NOAA CO-OPS の桟橋/港湾局、NDBC ブイ、USGS ゲージ、および NASA/JPL の日次 MUR 衛星海面分析です。私が解決しようとしている問題は、データの来歴に関する混乱です。ほとんどの水温サイトは1つの数値を表示します。しかし、ラホヤの桟橋温度計 (NOAA 9410230) と沖合1kmの衛星分析ピクセルは、全く異なるものです。例えば、現在、ラホヤの桟橋の水温は72.9°F (10月23日午後3時24分PDT観測) で、この地点の通常の10月の90パーセンタイルである67.8°F (2021–2025) を上回っています。沖合数kmの衛星ピクセルは異なる値を容易に表示する可能性があり、どちらも「間違っている」わけではありません。それらは異なる測定値だからです。そのため、サイト上のすべての数値にはラベルが付いています。観測局ID、観測時間、直接観測か衛星分析か、さらに季節的な基準値帯も表示されるため、今日の測定値が異常かどうかを判断できます。例として、ページはこちらです: https://watertemperaturelive.com/us/california/la-jolla/?utm_source=dev-community&utm_medium=community&utm_campaign=water_resources開示: 私はこのサイトの所有者/構築者です。トラフィック目的ではなく、フィードバックのために投稿しています。(この投稿の作成にはAIの支援を使用しました。)私の質問は、カジュアルな訪問者 (データ関係者ではない) が違いをすぐに理解できるように、観測値と分析値をどのようにラベル付けするかということです。現在、「桟橋の測定値」と「衛星分析」のようなバッジと観測局IDを使用しています。それは十分でしょうか、それともUIでより明確な何かを行いますか?また、データ密度の高いページのモバイルレイアウトをどのように処理するかについても興味があります。潮汐表は窮屈になります。— Eric McWay