deploy: ac0edb8289

2026-05-18 15:26:09 +02:00 · 2025-04-26 14:16:58 +00:00
parent 5ddd60d88d
commit 97bfdc52d7
3 changed files with 91 additions and 4 deletions
@@ -0,0 +1,87 @@
+async function channelUtilizationHourlyAverage() {
+  const canvas = document.getElementById('channelUtilizationChart');
+  const ctx = canvas.getContext('2d');
+
+  // show loading
+  ctx.font = '16px Arial';
+  ctx.fillStyle = 'gray';
+  ctx.textAlign = 'center';
+  ctx.fillText('Loading...', canvas.width/2, canvas.height/2);
+
+  try {
+    const response = await fetch('https://map.sthlm-mesh.se/api/v1/stats/channel-utilization-stats?days=7');
+    const data = await response.json();
+
+    const labels = data.map(entry => entry.recorded_at);
+    const values = data.map(entry => parseFloat(entry.avg_channel_utilization));
+
+    new Chart(ctx, {
+      type: 'line',
+      data: {
+        labels: labels,
+        datasets: [{
+          label: 'Hourly Avg Channel Utilization',
+          data: values,
+          borderColor: 'rgb(15, 169, 252)',
+          borderWidth: 2,
+          tension: 0.1,
+          pointRadius: 0,
+        }]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        scales: {
+          x: {
+            type: 'time',
+            time: {
+              unit: 'day',
+              tooltipFormat: 'yyyy-MM-dd HH:mm',
+              displayFormats: { day: 'yyyy-MM-dd' }
+            },
+          },
+          y: {
+            min: 11,
+            max: 14,
+            title: { display: true, text: 'Avg. Channel Utilization (%)' }
+          }
+        },
+        plugins: {
+          legend: { display: false },
+          tooltip: { mode: 'index', intersect: false },
+          annotation: {
+            annotations: {
+              bad: {
+                type: 'box',
+                yMin: 13,
+                yMax: 15,
+                backgroundColor: 'rgba(255, 0, 0, 0.2)'
+              },
+              medium: {
+                type: 'box',
+                yMin: 12,
+                yMax: 13,
+                backgroundColor: 'rgba(234, 184, 57, 0.2)', //'rgba(255, 165, 0, 0.1)'
+              },
+              good: {
+                type: 'box',
+                yMin: 0,
+                yMax: 12,
+                backgroundColor: 'rgba(1, 163, 23, 0.1)', //'rgba(0, 128, 0, 0.1)'
+              }
+            }
+          }
+        }
+      }
+    });
+
+  } catch (err) {
+    console.error('Error loading channel utilization:', err);
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    ctx.fillStyle = 'red';
+    ctx.fillText('Error loading data', canvas.width/2, canvas.height/2);
+  }
+
+}
+
+channelUtilizationHourlyAverage();
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://sthlm-mesh.se/docs/settings/</loc><lastmod>2025-02-26T18:39:36+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/device_role/</loc><lastmod>2025-02-26T18:42:15+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/position/</loc><lastmod>2025-02-22T09:11:26+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/mqtt/</loc><lastmod>2025-03-31T19:16:34+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/neighbor_info/</loc><lastmod>2025-02-23T20:48:06+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/kartor/</loc><lastmod>2025-03-08T20:11:28+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/hardware/</loc><lastmod>2025-04-21T12:00:04+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/solar_nodes/</loc><lastmod>2025-04-21T01:54:22+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/communities/</loc><lastmod>2025-02-23T20:48:06+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/categories/</loc></url><url><loc>https://sthlm-mesh.se/docs/</loc><lastmod>2025-03-03T22:48:04+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/messages/</loc><lastmod>2025-04-10T17:24:25+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/meetups/</loc><lastmod>2025-04-10T07:31:33+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/about/</loc><lastmod>2025-02-23T18:02:23+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/status/</loc><lastmod>2025-04-20T10:38:57+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/</loc><lastmod>2025-04-24T22:42:52+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/tags/</loc></url></urlset>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://sthlm-mesh.se/docs/settings/</loc><lastmod>2025-02-26T18:39:36+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/device_role/</loc><lastmod>2025-02-26T18:42:15+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/position/</loc><lastmod>2025-02-22T09:11:26+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/mqtt/</loc><lastmod>2025-03-31T19:16:34+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/neighbor_info/</loc><lastmod>2025-02-23T20:48:06+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/kartor/</loc><lastmod>2025-03-08T20:11:28+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/hardware/</loc><lastmod>2025-04-21T12:00:04+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/solar_nodes/</loc><lastmod>2025-04-21T01:54:22+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/docs/communities/</loc><lastmod>2025-02-23T20:48:06+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/categories/</loc></url><url><loc>https://sthlm-mesh.se/docs/</loc><lastmod>2025-03-03T22:48:04+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/messages/</loc><lastmod>2025-04-10T17:24:25+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/meetups/</loc><lastmod>2025-04-10T07:31:33+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/about/</loc><lastmod>2025-02-23T18:02:23+01:00</lastmod></url><url><loc>https://sthlm-mesh.se/status/</loc><lastmod>2025-04-21T22:26:27+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/</loc><lastmod>2025-04-24T22:42:52+02:00</lastmod></url><url><loc>https://sthlm-mesh.se/tags/</loc></url></urlset>
@@ -7,11 +7,11 @@ Skapade paket per nod Grafen nedan visar vilka noder som har skickat flest paket
 – Senaste 7 dagarna
 – Senaste 30 dagarna
 Text Meddelanden Antalet meddelanden per timme senaste 7 dygnen. Grafen visar meddelanden som skickats på LongFast kanalen, men även okrypterade meddelanden mellan noder. De meddelanden som skickas går att se här.
-Skapade paket per nod Grafen nedan visar vilka noder som har skickat flest paket under det senaste dygnet. Graferna bygger på MQTT-data från ett begränsat antal noder. Eftersom vi har begränsad bandbredd är det viktigt att hålla nere trafiken. En sändningsvolym på max 100 paket per dygn är önskvärd."><meta property="og:locale" content="sv"><meta property="og:type" content="article"><meta property="article:modified_time" content="2025-04-20T10:38:57+02:00"><meta itemprop=name content="Mesh Status"><meta itemprop=description content="Antal Enheter – Hörts idag
+Skapade paket per nod Grafen nedan visar vilka noder som har skickat flest paket under det senaste dygnet. Graferna bygger på MQTT-data från ett begränsat antal noder. Eftersom vi har begränsad bandbredd är det viktigt att hålla nere trafiken. En sändningsvolym på max 100 paket per dygn är önskvärd."><meta property="og:locale" content="sv"><meta property="og:type" content="article"><meta property="article:modified_time" content="2025-04-21T22:26:27+02:00"><meta itemprop=name content="Mesh Status"><meta itemprop=description content="Antal Enheter – Hörts idag
 – Senaste 7 dagarna
 – Senaste 30 dagarna
 Text Meddelanden Antalet meddelanden per timme senaste 7 dygnen. Grafen visar meddelanden som skickats på LongFast kanalen, men även okrypterade meddelanden mellan noder. De meddelanden som skickas går att se här.
-Skapade paket per nod Grafen nedan visar vilka noder som har skickat flest paket under det senaste dygnet. Graferna bygger på MQTT-data från ett begränsat antal noder. Eftersom vi har begränsad bandbredd är det viktigt att hålla nere trafiken. En sändningsvolym på max 100 paket per dygn är önskvärd."><meta itemprop=dateModified content="2025-04-20T10:38:57+02:00"><meta itemprop=wordCount content="374"><meta name=twitter:card content="summary"><meta name=twitter:title content="Mesh Status"><meta name=twitter:description content="Antal Enheter – Hörts idag
+Skapade paket per nod Grafen nedan visar vilka noder som har skickat flest paket under det senaste dygnet. Graferna bygger på MQTT-data från ett begränsat antal noder. Eftersom vi har begränsad bandbredd är det viktigt att hålla nere trafiken. En sändningsvolym på max 100 paket per dygn är önskvärd."><meta itemprop=dateModified content="2025-04-21T22:26:27+02:00"><meta itemprop=wordCount content="432"><meta name=twitter:card content="summary"><meta name=twitter:title content="Mesh Status"><meta name=twitter:description content="Antal Enheter – Hörts idag
 – Senaste 7 dagarna
 – Senaste 30 dagarna
 Text Meddelanden Antalet meddelanden per timme senaste 7 dygnen. Grafen visar meddelanden som skickats på LongFast kanalen, men även okrypterade meddelanden mellan noder. De meddelanden som skickas går att se här.
@@ -20,6 +20,6 @@ Graferna bygger på MQTT-data från ett begränsat antal noder.
 Eftersom vi har begränsad bandbredd är det viktigt att hålla nere trafiken. En sändningsvolym på max 100 paket per dygn är önskvärd.</p><div id=mostActiveNodesContainer class=stats-chart-container><canvas id=mostActiveNodes></canvas></div><h2 id=packet-typer>Packet typer<a class=td-heading-self-link href=#packet-typer aria-label="Heading self-link"></a></h2><p>Fördelningen av olika pakettyper i nätverket under de senaste dygnet. Diagrammet visar hur nätverket används, inklusive meddelanden, positionstelemetri och andra systempaket. Sökrutan till höger kan användas för att visa antalet paket av respektive typ för en given nod.</p><div class="d-flex justify-content-end m-0 p-0" style=max-width:1000px><div class=dropdown style=width:40%;min-width:300px><div class="input-group pe-3"><input id=nodeSearch type=text class=form-control placeholder="Node Name" autocomplete=off>
 <button id=clearFilterBtn class="btn btn-outline-info" type=button>✕</button></div><ul id=suggestions class="dropdown-menu w-100" style=display:none;max-height:300px;overflow-y:auto;position:absolute;z-index:1000></ul></div></div><div id=portnumDistributionContainer class=stats-chart-container><canvas id=portnumDistribution></canvas></div><h2 id=enhetsroll>Enhetsroll<a class=td-heading-self-link href=#enhetsroll aria-label="Heading self-link"></a></h2><p>Antalet enheter av respektive Enhetsroll som synts i meshet de senaste 30 dagarna. I större mesh så som Stockholm bör i princip all noder vara <code>Client</code> eller <code>Client Mute</code>. Enbart ett fåtal <code>Router</code> eller <code>Repeater</code> behövs. Dessa måste vara placerade extremt strategiskt, till exempel högst upp i en skidbacke. <code>Router Client</code> är en avvecklad roll som inte finns längre, men i meshen lever det kvar några noder som inte blivit uppdaterade. För med info see vår <a href=https://sthlm-mesh.se/docs/device_role/>dokumentation</a>.</p><div id=deviceRolesContainer class=stats-chart-container><canvas id=deviceRoles></canvas></div><h2 id=position-precision>Position Precision<a class=td-heading-self-link href=#position-precision aria-label="Heading self-link"></a></h2><p>Grafen visar position precision, eller noggrannhet, på de noder som rapporterat sin position de senaste 30 dagarna.
 Vi ser gärna att man använder en noggrannhet på ±182m eller noggrannare. Detta är dock inte möjligt att ställa in i iPhone Appen.
-För mer info se vår <a href=https://sthlm-mesh.se/docs/position/#position-precision>dokumentation</a>.</p><div id=positionPrecisionContainer class=stats-chart-container><canvas id=positionPrecisionChart></canvas></div><h2 id=firmware-versioner>Firmware versioner<a class=td-heading-self-link href=#firmware-versioner aria-label="Heading self-link"></a></h2><p>Antalet enheter av firmware version som synts i meshet de senaste 30 dagarna. Information om firmware information skickas inte över meshet. Men vi kan se om en enhet kör en gammal firmware version genom att kolla efter <a href=https://github.com/meshtastic/firmware/pull/4643>&ldquo;ok_to_mqtt&rdquo; bitten</a> som infördes i <a href=https://github.com/meshtastic/firmware/releases/tag/v2.5.0.9ac0e26>2.5.0.9ac0e26</a>.</p><div id=firmwareVersionContainer class=stats-chart-container><canvas id=firmwareVersionChart></canvas></div><h2 id=batteri>Batteri<a class=td-heading-self-link href=#batteri aria-label="Heading self-link"></a></h2><p>Visar genomsnittlig batterinivå av de noder som rapporterat batteri nivå och inte har fast strömförsörjning.</p><div id=batteryContainer class=stats-chart-container style=min-height:300px><canvas id=batteryChart></canvas></div><h2 id=hårdvarumodeller>Hårdvarumodeller<a class=td-heading-self-link href=#h%c3%a5rdvarumodeller aria-label="Heading self-link"></a></h2><p>Antalet enheter av respektive hårdvarutyp som synts i meshet de senaste 30 dagarna.</p><div id=hardwareChartContainer class=stats-chart-container><canvas id=hardwareChart></canvas></div></div></div></section><div><a id=td-block-1 class=td-offset-anchor></a></div><section class="row td-box td-box--info td-box--height-auto"><div class=col><div class=container><h2 id=om>OM<a class=td-heading-self-link href=#om aria-label="Heading self-link"></a></h2><p>Graferna baseras på data från <a href=https://map.sthlm-mesh.se>map.sthlm-mesh.se</a>, där data samlas in från ett par noder i Stockholmsområdet. Data hämtas från API&rsquo;t, som vi dessutom har utökat med fler funktioner för att möjliggöra mer analys. Visualisering sker genom biblioteket <a href=https://www.chartjs.org/>chartjs.org</a>.</p></div></div></section><script src=https://cdn.jsdelivr.net/npm/chart.js></script><script src=https://cdn.jsdelivr.net/npm/luxon></script><script src=https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon></script><script src=/js/status/shared.js></script><script src=/js/status/messagesChart.js></script><script src=/js/status/most-active-nodes.js></script><script src=/js/status/hardwareChart.js></script><script src=/js/status/position-precision-chart.js></script><script src=/js/status/portnum-distribution-chart.js></script><script src=/js/status/device-roles.js></script><script src=/js/status/nodes-seen.js></script><script src=/js/status/firmware-versions.js></script><script src=/js/status/battery-stats.js></script></main><footer class="td-footer row d-print-none"><div class=container-fluid><div class="row mx-md-2"><div class="td-footer__left col-6 col-sm-4 order-sm-1"></div><div class="td-footer__right col-6 col-sm-4 order-sm-3"></div><div class="td-footer__center col-12 col-sm-4 py-2 order-sm-2"><span class=td-footer__copyright>&copy;
+För mer info se vår <a href=https://sthlm-mesh.se/docs/position/#position-precision>dokumentation</a>.</p><div id=positionPrecisionContainer class=stats-chart-container><canvas id=positionPrecisionChart></canvas></div><h2 id=firmware-versioner>Firmware versioner<a class=td-heading-self-link href=#firmware-versioner aria-label="Heading self-link"></a></h2><p>Antalet enheter av firmware version som synts i meshet de senaste 30 dagarna. Information om firmware information skickas inte över meshet. Men vi kan se om en enhet kör en gammal firmware version genom att kolla efter <a href=https://github.com/meshtastic/firmware/pull/4643>&ldquo;ok_to_mqtt&rdquo; bitten</a> som infördes i <a href=https://github.com/meshtastic/firmware/releases/tag/v2.5.0.9ac0e26>2.5.0.9ac0e26</a>.</p><div id=firmwareVersionContainer class=stats-chart-container><canvas id=firmwareVersionChart></canvas></div><h2 id=batteri>Batteri<a class=td-heading-self-link href=#batteri aria-label="Heading self-link"></a></h2><p>Visar genomsnittlig batterinivå av de noder som rapporterat batteri nivå och inte har fast strömförsörjning.</p><div id=batteryContainer class=stats-chart-container style=min-height:300px><canvas id=batteryChart></canvas></div><h2 id=channel-utilization>Channel Utilization<a class=td-heading-self-link href=#channel-utilization aria-label="Heading self-link"></a></h2><p>Visar den genomsnittliga Channel Utilization, det vill säga hur mycket radiofrekvensen används, baserat på rapporter från enheter i meshen. Eftersom enheter inte skickar telemetri när kanalutnyttjandet är högt kan siffran bli missvisande. Detsamma gäller för portabla enheter eller enheter som är placerade inomhus. Förhoppningsvis ger grafen ändå ett värdefullt underlag för att förstå hur meshen mår.</p><div id=channelUtilizationContainer class=stats-chart-container style=min-height:300px><canvas id=channelUtilizationChart></canvas></div><h2 id=hårdvarumodeller>Hårdvarumodeller<a class=td-heading-self-link href=#h%c3%a5rdvarumodeller aria-label="Heading self-link"></a></h2><p>Antalet enheter av respektive hårdvarutyp som synts i meshet de senaste 30 dagarna.</p><div id=hardwareChartContainer class=stats-chart-container><canvas id=hardwareChart></canvas></div></div></div></section><div><a id=td-block-1 class=td-offset-anchor></a></div><section class="row td-box td-box--info td-box--height-auto"><div class=col><div class=container><h2 id=om>OM<a class=td-heading-self-link href=#om aria-label="Heading self-link"></a></h2><p>Graferna baseras på data från <a href=https://map.sthlm-mesh.se>map.sthlm-mesh.se</a>, där data samlas in från ett par noder i Stockholmsområdet. Data hämtas från API&rsquo;t, som vi dessutom har utökat med fler funktioner för att möjliggöra mer analys. Visualisering sker genom biblioteket <a href=https://www.chartjs.org/>chartjs.org</a>.</p></div></div></section><script src=https://cdn.jsdelivr.net/npm/chart.js></script><script src=https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation></script><script src=https://cdn.jsdelivr.net/npm/luxon></script><script src=https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon></script><script src=/js/status/shared.js></script><script src=/js/status/messagesChart.js></script><script src=/js/status/most-active-nodes.js></script><script src=/js/status/hardwareChart.js></script><script src=/js/status/position-precision-chart.js></script><script src=/js/status/portnum-distribution-chart.js></script><script src=/js/status/device-roles.js></script><script src=/js/status/nodes-seen.js></script><script src=/js/status/firmware-versions.js></script><script src=/js/status/battery-stats.js></script><script src=/js/status/channel-utilization.js></script></main><footer class="td-footer row d-print-none"><div class=container-fluid><div class="row mx-md-2"><div class="td-footer__left col-6 col-sm-4 order-sm-1"></div><div class="td-footer__right col-6 col-sm-4 order-sm-3"></div><div class="td-footer__center col-12 col-sm-4 py-2 order-sm-2"><span class=td-footer__copyright>&copy;
 2025&ndash;2025
 <span class=td-footer__authors>STHLM-MESH Authors | <a href=https://creativecommons.org/licenses/by/4.0>CC BY 4.0</a> |</span></span><span class=td-footer__all_rights_reserved>Alla rättigheter förbehållna</span><span class=ms-2><a href=https://policies.google.com/privacy target=_blank rel=noopener>Integritetspolicy</a></span></div></div></div></footer></div><script src=/js/main.min.7759f7107045cd01303fdfbe5620c99ad1a8a8a09e0938b93e036ca546ea64ec.js integrity="sha256-d1n3EHBFzQEwP9++ViDJmtGoqKCeCTi5PgNspUbqZOw=" crossorigin=anonymous></script><script defer src=/js/click-to-copy.min.73478a7d4807698aed7e355eb23f9890ca18fea3158604c8471746d046702bad.js integrity="sha256-c0eKfUgHaYrtfjVesj+YkMoY/qMVhgTIRxdG0EZwK60=" crossorigin=anonymous></script><script src=/js/tabpane-persist.js></script></body></html>