add barometric pressure

cmd/ingestd/web/app.js

@@ -14,6 +14,7 @@ const colors = {
   forecast: "#f4b942",
   gust: "#ff7d6b",
   humidity: "#7ee081",
+  pressure: "#8fb8de",
   uvi: "#f4d35e",
   light: "#b8f2e6",
   precip: "#4ea8de",
@@ -483,6 +484,18 @@ function renderDashboard(data) {
   };
   upsertChart("chart-rh", rhChart);
 
+  const pressureChart = {
+    type: "line",
+    data: {
+      datasets: [
+        { label: "obs pressure hPa", data: series(obsFiltered, "pressure_hpa"), borderColor: colors.pressure },
+        { label: "forecast msl hPa", data: series(forecast, "pressure_msl_hpa"), borderColor: colors.forecast },
+      ],
+    },
+    options: baseOptions(range),
+  };
+  upsertChart("chart-pressure", pressureChart);
+
   const lightOptions = baseOptions(range);
   lightOptions.scales.y.ticks.color = colors.uvi;
   lightOptions.scales.y.title = { display: true, text: "UVI", color: colors.uvi };

cmd/ingestd/web/index.html

@@ -128,6 +128,15 @@
               <canvas id="chart-rh"></canvas>
             </div>
           </div>
+          <div class="chart-card" data-chart="chart-pressure">
+            <div class="chart-header">
+              <div class="chart-title">Pressure (obs vs forecast)</div>
+              <button class="chart-link" data-chart="chart-pressure" title="Copy chart link">Share</button>
+            </div>
+            <div class="chart-canvas">
+              <canvas id="chart-pressure"></canvas>
+            </div>
+          </div>
           <div class="chart-card" data-chart="chart-light">
             <div class="chart-header">
               <div class="chart-title">UV Index and Light</div>