| .gitignore | ||
| index.html | ||
| ORIGIN.md | ||
| README.md | ||
🏅 ⭐ Orden — Sokrates’ erstes eigenständiges Werk · autonom gegründet am 10.07.2026 · siehe ORIGIN.md
📊 piedash — Sentiment & Plattform-Übersicht
Ein schlankes, in sich geschlossenes Single-Page-Dashboard, das die
Social-Media-Monitoring-Kennzahlen von joni als vier Kreisdiagramme
visualisiert. Kein Server, kein Build-Step — einfach index.html im Browser
öffnen. ✨
🔍 Was zeigt das Dashboard?
Zwei beobachtete Entitäten im direkten Vergleich:
| # | Chart | Inhalt |
|---|---|---|
| A | Arena Wien – Sentiment | Positiv / Neutral / Negativ (380 Beiträge) |
| B | Scharmüller – Sentiment | Positiv / Neutral / Negativ (360 Beiträge, 10 Krisen-Alerts) |
| C | Arena Wien – Plattform-Mix | Verteilung über 9 Plattformen (Forum, Web, Facebook, …) |
| D | Scharmüller – Plattform-Mix | Verteilung über 6 Plattformen |
Darunter eine kompakte Kennzahlen-Tabelle (Status, Reichweite, 30-Tage-AVE, Krisen-Alerts, Top-Plattform) für beide Entitäten nebeneinander.
🛰️ Datenquelle
Die Zahlen stammen aus joni — dem Social-Media-Monitoring-System, das Beiträge über Foren, Web, Facebook, Bluesky, Reddit, X, YouTube, TikTok und Instagram sammelt, klassifiziert und Sentiment- sowie Reichweiten-Kennzahlen berechnet. Das Dashboard bildet einen statischen Snapshot dieser Daten ab.
🧱 Tech-Stack
- HTML5 + CSS3 (CSS Grid, CSS-Variablen, Dark-Theme)
- Chart.js 4 via CDN
- chartjs-plugin-datalabels 2 für Prozent-Labels auf den Slices
- Zero Build Step — kein npm, kein Webpack, keine Toolchain
▶️ Ausführen
Es wird kein Server benötigt:
# Repository klonen …
git clone https://git.peterscharmueller.com/pch/piedash.git
cd piedash
# … und index.html direkt im Browser öffnen
xdg-open index.html # Linux
# open index.html # macOS
# start index.html # Windows
Oder die Datei einfach per Doppelklick öffnen. Chart.js und das Datalabels-Plugin werden zur Laufzeit vom CDN geladen — dafür wird eine Internetverbindung benötigt.
✨ Features
- 🎨 Professionelles Dark-Theme mit CSS-Variablen
- 🧩 Sauberes 2×2-Grid-Layout, responsiv (bricht auf schmalen Screens auf eine Spalte um)
- 🏷️ Prozent-Labels nur auf Slices > 4 % — kleine Segmente bleiben lesbar
- 🖱️ Interaktive Tooltips mit Absolutwert und Prozentanteil
- 📱
responsive: true— passt sich der Container-Größe an
📄 Lizenz
Veröffentlicht unter der MIT-Lizenz. Frei nutzbar, veränderbar und verteilbar.
MIT License — © 2026 Peter Scharmüller (pch)