Add "Statistics & Charts" guides for EN and DE, and update copyright year to 2026

docs/.vitepress/config/de.mjs

@@ -16,7 +16,8 @@ export const de = defineConfig({
             {
                 text: 'Anleitungen',
                 items: [
-                    { text: 'Einrichten eines Reverse Proxys', link: 'de/guides/reverse-proxy' }
+                    { text: 'Einrichten eines Reverse Proxys', link: 'de/guides/reverse-proxy' },
+                    { text: 'Statistiken & Diagramme', link: 'de/guides/statistics' }
                 ]
             },
             { text: 'Fehlerbehebung', link: 'de/troubleshooting' },

docs/.vitepress/config/en.mjs

@@ -16,7 +16,8 @@ export const en = defineConfig({
       {
         text: 'Guides',
         items: [
-          { text: 'Configuring a Reverse Proxy', link: 'guides/reverse-proxy' }
+          { text: 'Configuring a Reverse Proxy', link: 'guides/reverse-proxy' },
+          { text: 'Statistics & Charts', link: 'guides/statistics' }
         ]
       },
       { text: 'Troubleshooting', link: 'troubleshooting' },

docs/.vitepress/config/shared.mjs

@@ -35,7 +35,7 @@ export const shared = defineConfig({
     themeConfig: {
         logo: '/logo.png',
         footer: {
-            copyright: '© 2024 Mathias Wagner',
+            copyright: '© 2026 Mathias Wagner',
         },
         search: {
             provider: 'local'

docs/de/guides/statistics.md

@@ -0,0 +1,66 @@
+# Statistiken & Diagramme
+
+MySpeed bietet detaillierte Statistiken und Diagramme, um deine Internetverbindung über die Zeit zu analysieren. Diese Seite erklärt, wie die Statistikfunktion arbeitet und wie Daten für eine optimale Darstellung verarbeitet werden.
+
+## Übersicht
+
+Die Statistikseite zeigt deine Speedtest-Ergebnisse in verschiedenen Diagrammen an, darunter Download-/Upload-Geschwindigkeiten, Ping und Jitter über die Zeit. Um auch bei großen Datenmengen eine flüssige Darstellung zu gewährleisten, verwendet MySpeed eine intelligente Datenverarbeitung.
+
+## Datumsbereich-Auswahl
+
+Du kannst einen benutzerdefinierten Datumsbereich über die Datumsauswahl oben auf der Statistikseite auswählen. Standardmäßig werden die letzten 7 Tage angezeigt, aber du kannst dies erweitern, um längere Zeiträume zu betrachten.
+
+## Intelligentes Downsampling
+
+Wenn du viele Speedtests hast (zum Beispiel Tests jede Minute), würde die Anzeige aller Datenpunkte die Diagramme erheblich verlangsamen. MySpeed handhabt dies automatisch mit intelligentem Downsampling.
+
+### Wie es funktioniert
+
+1. **Schwellenwert-Prüfung**: Wenn dein ausgewählter Datumsbereich **300 oder weniger** Datenpunkte enthält, werden alle Rohdaten ohne Verarbeitung angezeigt.
+
+2. **Bucket-basierte Mittelwertbildung**: Bei mehr als 300 Datenpunkten wird der Zeitraum in 300 gleiche Zeitabschnitte (Buckets) unterteilt. Jeder Bucket enthält den Durchschnitt aller Tests, die während dieses Zeitraums stattfanden.
+
+3. **Fehlgeschlagene Tests**: Fehlgeschlagene Tests werden separat verfolgt. Wenn ein Zeitabschnitt nur fehlgeschlagene Tests enthält, wird eine Fehlermarkierung angezeigt. Wenn ein Bucket sowohl erfolgreiche als auch fehlgeschlagene Tests hat, werden die erfolgreichen Tests gemittelt und die Anzahl der Fehlschläge notiert.
+
+### Beispielszenarien
+
+| Testhäufigkeit | Tests pro Woche | Verhalten |
+|----------------|-----------------|-----------|
+| Jede Stunde | ~168 | Alle Rohdaten angezeigt |
+| Alle 30 Min | ~336 | Leichtes Downsampling (300 Punkte) |
+| Alle 10 Min | ~1.008 | Jeder Punkt repräsentiert ~3,4 Tests |
+| Jede Minute | ~10.080 | Jeder Punkt repräsentiert ~34 Tests |
+
+## Fehlgeschlagene Tests in Diagrammen
+
+Fehlgeschlagene Speedtests werden mit speziellen roten **✕**-Markierungen am unteren Rand des Diagramms angezeigt. Dies macht es einfach zu erkennen, wann deine Verbindung Probleme hatte.
+
+::: info Aggregierte fehlgeschlagene Tests
+Wenn Daten herunterskaliert werden, zeigt der Tooltip an, wie viele Tests während dieses Zeitraums fehlgeschlagen sind (z.B. "3 failed in period").
+:::
+
+## Diagrammtypen
+
+### Geschwindigkeits-Diagramme
+Zeigt Download- und Upload-Geschwindigkeiten über die Zeit mit einer Farbverlaufsfüllung. Eine gestrichelte Linie zeigt die Durchschnittsgeschwindigkeit für den ausgewählten Zeitraum an.
+
+### Ping-Diagramm
+Zeigt Ping-Latenz und Jitter (falls verfügbar) über die Zeit an. Niedrigere Werte bedeuten eine reaktionsschnellere Verbindung.
+
+### Stündliche Durchschnitte
+Zeigt Durchschnittsgeschwindigkeiten gruppiert nach Tageszeit, um Muster wie langsamere Geschwindigkeiten während Stoßzeiten zu erkennen.
+
+### Stabilitäts-Diagramm
+Visualisiert, wie stabil deine Verbindung ist, basierend auf der Standardabweichung deiner Testergebnisse.
+
+## Leistungsüberlegungen
+
+Das Ziel von 300 Punkten wurde gewählt, um Detail und Leistung auszubalancieren:
+
+- **Genug Detail**, um Trends und Anomalien zu erkennen
+- **Schnelles Rendering** auch auf mobilen Geräten
+- **Flüssige Interaktionen** beim Überfahren der Datenpunkte
+
+::: tip Große Datumsbereiche
+Bei sehr langen Datumsbereichen (Monate oder Jahre) wird das Downsampling mehr Tests pro Datenpunkt mitteln. Erwäge, kürzere Datumsbereiche auszuwählen, wenn du einzelne Testdetails sehen möchtest.
+:::

docs/en/guides/statistics.md

@@ -0,0 +1,66 @@
+# Statistics & Charts
+
+MySpeed provides detailed statistics and charts to help you analyze your internet connection over time. This page explains how the statistics feature works and how data is processed for optimal visualization.
+
+## Overview
+
+The statistics page displays your speedtest results in various charts, including download/upload speeds, ping, and jitter over time. To ensure smooth performance even with large datasets, MySpeed uses intelligent data processing.
+
+## Date Range Selection
+
+You can select a custom date range using the date picker at the top of the statistics page. By default, the last 7 days are shown, but you can extend this to view longer periods.
+
+## Smart Downsampling
+
+When you have many speedtests (for example, running tests every minute), displaying all data points would slow down the charts significantly. MySpeed automatically handles this with smart downsampling.
+
+### How It Works
+
+1. **Threshold Check**: If your selected date range contains **300 or fewer** data points, all raw data is displayed without any processing.
+
+2. **Bucket-Based Averaging**: When there are more than 300 data points, the time range is divided into 300 equal time buckets. Each bucket contains the average of all tests that occurred during that time period.
+
+3. **Failed Test Tracking**: Failed tests are tracked separately. If a time bucket only contains failed tests, a failure marker is shown. If a bucket has both successful and failed tests, the successful tests are averaged and the failed count is noted.
+
+### Example Scenarios
+
+| Test Frequency | Tests per Week | Behavior |
+|---------------|----------------|----------|
+| Every hour | ~168 | All raw data shown |
+| Every 30 min | ~336 | Slight downsampling (300 points) |
+| Every 10 min | ~1,008 | Each point represents ~3.4 tests |
+| Every minute | ~10,080 | Each point represents ~34 tests |
+
+## Failed Tests in Charts
+
+Failed speedtests are displayed with special red **✕** markers at the bottom of the chart. This makes it easy to identify when your connection had issues.
+
+::: info Aggregated Failed Tests
+When data is downsampled, the tooltip will show how many tests failed during that time period (e.g., "3 failed in period").
+:::
+
+## Chart Types
+
+### Speed Charts
+Shows download and upload speeds over time with a gradient fill. A dashed line indicates the average speed for the selected period.
+
+### Ping Chart
+Displays ping latency and jitter (if available) over time. Lower values indicate a more responsive connection.
+
+### Hourly Averages
+Shows average speeds grouped by hour of the day, helping you identify patterns like slower speeds during peak hours.
+
+### Consistency Chart
+Visualizes how stable your connection is based on the standard deviation of your test results.
+
+## Performance Considerations
+
+The 300-point target was chosen to balance detail with performance:
+
+- **Enough detail** to see trends and anomalies
+- **Fast rendering** even on mobile devices
+- **Smooth interactions** when hovering over data points
+
+::: tip Large Date Ranges
+For very long date ranges (months or years), the downsampling will average more tests per data point. Consider selecting shorter date ranges if you need to see individual test details.
+:::