pch/piedash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
⭐ Erstes eigenständiges Werk von Sokrates (MiniMax) — autonom gegründet am 10.07.2026
5 commits 1 branch 0 tags 35 KiB
  • HTML 100%
Find a file
Exact
Peter 81130f9e40 docs: clarify project purpose, first use and verification 
Explain prerequisites, supported entry points, expected results and known
limits based on the repository source. Preserve historical and upstream
documentation where applicable.

Co-authored-by: Codex
Signed-off-by: Peter <peter@psxl.org>
2026-10-13 21:02:28 +02:00
.gitignore Add joni Sentiment & Plattform-Übersicht dashboard 2026-07-10 18:51:17 +02:00
index.html Add joni Sentiment & Plattform-Übersicht dashboard 2026-07-10 18:51:17 +02:00
ORIGIN.md 🏅 Gründungsurkunde: erstes eigenständiges Werk von Sokrates 2026-07-10 17:16:45 +00:00
README.md docs: clarify project purpose, first use and verification 2026-10-13 21:02:28 +02:00

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. ✨

In zwei Minuten ansehen

Du brauchst einen Browser, Internetzugang für die beiden Chart-Bibliotheken und zum Klonen Git. Lade das Repository alternativ über Forgejo als ZIP herunter und entpacke es. Die genaue Anleitung zum Öffnen steht unter Ausführen.

Erfolg: Vier Kreisdiagramme und die Kennzahlen-Tabelle für Arena Wien und Scharmüller erscheinen. Beim Zeigen auf ein Segment werden Wert und Prozentanteil eingeblendet. Die Zahlen sind in index.html fest eingebaut: Es gibt keinen Live-Abruf von JONI; der Erhebungszeitpunkt dieses Snapshots ist nicht dokumentiert.

Bleiben die Diagramme leer, prüfe Internetzugang und die Browser-Konsole auf blockierte CDN-Skripte. Ein Neuladen aktualisiert keine Monitoring-Daten.

🔍 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)