From 756859f6fee49b58e5bb33d8f329f3fd44cf74cc Mon Sep 17 00:00:00 2001 From: Sokrates Date: Fri, 10 Jul 2026 18:51:17 +0200 Subject: [PATCH] =?UTF-8?q?Add=20joni=20Sentiment=20&=20Plattform-=C3=9Cbe?= =?UTF-8?q?rsicht=20dashboard?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Single-page Chart.js 4 dashboard (CDN, zero build step): - 4 responsive pie charts (Arena Wien / Scharmüller: Sentiment + Plattform-Mix) - Percentage datalabels on slices > 4%, dark theme, 2x2 grid - Summary comparison table - README (MIT) and .gitignore --- .gitignore | 4 + README.md | 70 +++++++++++- index.html | 317 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 389 insertions(+), 2 deletions(-) create mode 100644 .gitignore create mode 100644 index.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..effa2fc --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +node_modules/ +.DS_Store +Thumbs.db +*.log diff --git a/README.md b/README.md index c39ab1f..e114081 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,69 @@ -# piedash +# 📊 piedash — Sentiment & Plattform-Übersicht -Von Sokrates erzeugtes Projekt (Coding-Delegation). \ No newline at end of file +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](https://www.chartjs.org/)** via CDN +- **[chartjs-plugin-datalabels 2](https://chartjs-plugin-datalabels.netlify.app/)** für Prozent-Labels auf den Slices +- **Zero Build Step** — kein npm, kein Webpack, keine Toolchain + +## ▶️ Ausführen + +Es wird **kein Server benötigt**: + +```bash +# 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) +``` diff --git a/index.html b/index.html new file mode 100644 index 0000000..cc41ee0 --- /dev/null +++ b/index.html @@ -0,0 +1,317 @@ + + + + + + joni – Sentiment & Plattform-Übersicht + + + + + + + + +
+
+

Sentiment & Plattform-Übersicht

+

Social-Media-Monitoring · Datenquelle joni · Arena Wien vs. Scharmüller

+
+ +
+ +
+

Arena Wien – Sentiment

+
380 Beiträge · Status: Ruhig
+
+
+ + +
+

Scharmüller – Sentiment

+
360 Beiträge · Status: Ruhig · 10 Krisen-Alerts
+
+
+ + +
+

Arena Wien – Plattform-Mix

+
590 Beiträge über 9 Plattformen
+
+
+ + +
+

Scharmüller – Plattform-Mix

+
706 Beiträge über 6 Plattformen
+
+
+
+ + +
+

Kennzahlen im Vergleich

+ + + + + + + + + + + + + + + + + + + +
Arena WienScharmüller
Status 🟢 Ruhig 🟢 Ruhig (inaktiv)
Beiträge 380 360
Positiv 208 (54.7%) 97 (26.9%)
Neutral 60 (15.8%) 72 (20.0%)
Negativ 112 (29.5%) 191 (53.1%)
Reichweite 8.228.828 1.120.193
30T-AVE €58.295 €89.100
Krisen-Alerts 3 10
Top-Plattform Forum Forum
+
+ +
+ Statisches Dashboard · index.html im Browser öffnen · Chart.js 4 via CDN · keine Build-Tools +
+
+ + + +