Master Showcase - KI-Visualisierung

Die Daten-Tankstelle: Womit füttere ich die KI?

Du wirfst einfach deine Rohdaten in den Chat. Die KI versteht und verarbeitet:

Kaufmännische Rohdaten

Excel-Tabellen (.xlsx), CSV-Exporte aus Bankkonten, Buchhaltung (z.B. DATEV), CRM-Systemen oder ERP-Software.

Unstrukturierte Dokumente

PDF-Dateien (Rechnungen, Verträge, Angebote), eingescannte Organigramme oder lange E-Mail-Verläufe.

Beschreibende Prosa

Einfacher Fließtext, Meeting-Notizen, hastig getippte Stichpunkte oder abgetippte Prozessabläufe.

Technische Exporte

Log-Dateien von Servern, JSON-Outputs von APIs oder Netzwerk-Scans deiner IT-Abteilung.

Teil 1: Harte Zahlen (Aus CSV & Excel)

1. Balkendiagramm: Ticket-Volumen im Support

Die KI analysiert deinen CSV-Export aus dem Ticketsystem und baut ein Balkendiagramm.

xychart-beta title "Eingegangene Support-Tickets nach Wochentag" x-axis [Montag, Dienstag, Mittwoch, Donnerstag, Freitag] y-axis "Anzahl Tickets" 0 --> 120 bar [95, 110, 85, 60, 45]

Hier ist ein CSV-Export aus unserem Support-System der letzten Woche (Tage und Ticketanzahl). Analysiere die Daten und erstelle ein Mermaid xychart-beta Balkendiagramm (bar). Die X-Achse soll die Wochentage zeigen, die Y-Achse das Volumen.

2. Liniendiagramm & Trend: Umsatzentwicklung

Zeigt Trends im Zeitverlauf. Perfekt, um monatliche Excel-Umsatzzahlen verdaulich zu machen.

xychart-beta title "Umsatzentwicklung Q1-Q2 (in Tsd. Euro)" x-axis [Jan, Feb, "Mär", Apr, Mai, Jun] y-axis "Umsatz (k€)" 0 --> 250 line [120, 135, 150, 140, 180, 210] bar [120, 135, 150, 140, 180, 210]

Lies diese Excel-Spalte mit unseren monatlichen Umsätzen von Jan bis Jun. Erstelle ein Mermaid xychart-beta. Nutze eine Kombination aus Balken (bar) und einer Trendlinie (line) darüber. Titel: "Umsatzentwicklung Q1-Q2".

3. Tortendiagramm: Marktanteile / Produkt-Mix

Der Klassiker. Die KI summiert Rohdaten aus einer Tabelle automatisch auf und berechnet die Segmente.

pie title Umsatz nach Produktkategorien (Jahresbasis) "Software-Lizenzen" : 45 "Consulting & Service" : 30 "Hardware-Verkauf" : 15 "Wartungsverträge" : 10

Analysiere den folgenden kopierten Text aus meiner Buchhaltung. Gruppiere die Verkäufe in die 4 Hauptkategorien und berechne die Prozentwerte. Erstelle daraus ein Mermaid Tortendiagramm (pie).

Teil 2: Prozesse & Strukturen

4. Flowchart: Bestellabwicklung im E-Commerce

Aus einem wilden Fließtext-Meeting-Protokoll wird ein logisch prüfbarer Prozessbaum.

graph TD A(["Neue Bestellung im Shop"]) --> B["Zahlung prüfen"] B --> C{"Zahlung bestätigt?"} C -- Ja --> D["Lagerbestand prüfen"] C -- Nein --> E["Mahnlauf starten"] D --> F{"Artikel auf Lager?"} F -- Ja --> G["Kommissionierung & Versand"] F -- Nein --> H["Nachbestellung beim Lieferanten"] H --> G G --> I(["Kunde erhält Tracking-Code"]) style A fill:#bfdbfe,stroke:#2563eb style I fill:#bbf7d0,stroke:#16a34a

Übersetze diese Meeting-Notizen zur Bestellabwicklung in ein Top-Down (TD) Mermaid Flussdiagramm. Wenn die Zahlung fehlt -> Mahnlauf. Wenn bezahlt -> Lager prüfen. Wenn nicht auf Lager -> Nachbestellen, dann erst Versand. Ende ist "Tracking-Code an Kunden".

5. Gantt-Diagramm: Messeplanung & Projektmanagement

Die KI liest eine unformatierte To-Do-Liste mit Deadlines und baut einen Zeitplan.

gantt title Vorbereitung Messeauftritt Q4 dateFormat YYYY-MM-DD excludes weekends tickInterval 1week section Strategie Konzept & Budget :done, des1, 2026-08-01, 5d Standfläche buchen :active, des2, after des1, 2d section Logistik Messebau beauftragen : build, after des2, 10d Marketing-Material : print, after build, 7d Hotelbuchungen Team : hotel, 2026-08-15, 3d section Event Standaufbau vor Ort : setup, 2026-09-28, 2d Messe Start :milestone, m1, 2026-09-30, 0d

Erstelle ein Mermaid Gantt-Diagramm für unsere Messevorbereitung. Schließe Wochenenden aus. Nutze tickInterval 1week. Sektion 1 "Strategie": Konzept (5 Tage, erledigt), Stand buchen (2 Tage, aktiv). Sektion 2 "Logistik": Messebau (10 Tage), Marketing-Druck (7 Tage), Hotels (15.08., 3 Tage). Sektion 3: Aufbau 28.09. (2 Tage), Meilenstein 30.09.

6. Systemarchitektur (C4 Modell): IT-Infrastruktur

Werft Excel-Listen mit Software-Lizenzen in die KI, um die Enterprise Architektur zu visualisieren.

Erstelle ein C4 Context Diagramm unserer IT-Landschaft als sauberes Inline-SVG. Layout: 3 Reihen – Personen oben (dunkelblau), interne Systeme mittig (blau), externe Systeme unten (grau). Mitarbeiter nutzt ERP, Kunde nutzt Webshop. Webshop → ERP (REST API). Webshop → Payment Gateway (Secure API). ERP → Logistik Partner (SOAP). Gestrichelte Pfeile mit Label-Hintergrund, Legende unten.

7. Interaktiver Wissensgraph: Lieferketten (Supply Chain)

Mermaid ist starr. Vis.js ist lebendig. Lade PDFs von Lieferverträgen in die KI und erhalte ein Spinnennetz deiner Abhängigkeiten. (Ziehe an den Knoten!)

Schreibe JavaScript-Code für ein Vis.js Netzwerk basierend auf meiner Lieferanten-Liste. Zentrales Unternehmen (Blau) wird beliefert von Lieferant A und B (Grün). Lieferant A hängt von Zulieferer X (kritischer Engpass, rote gestrichelte Linie) und Y ab. Physikalisch federnd.

Teil 3: Interaktive Prozessmodellierung

8. BPMN 2.0 Prozessmodell: Vollwertiger Editor

Ein normkonformer BPMN 2.0 Editor direkt im Browser – powered by bpmn.io. Doppelklick auf Elemente zum Umbenennen, Drag & Drop aus der Palette links, Kontextmenü per Klick auf ein Element.

⏳ BPMN-Editor wird geladen …

Erstelle eine HTML-Seite mit einem bpmn-js Modeler (BPMN 2.0 Editor). Beispielprozess "Auftragsabwicklung": Start → Auftrag erfassen → Bonität prüfen → Exclusive Gateway (OK?). Ja: Parallel Gateway → Rechnung erstellen ∥ Ware kommissionieren → Parallel Join → Versand → Ende. Nein: Kunden informieren → Ende (Abgelehnt). Toolbar mit Zoom, Undo/Redo, SVG/XML-Export.

⛽ Die Daten-Tankstelle: Womit füttere ich die KI?

📊 Kaufmännische Rohdaten

📄 Unstrukturierte Dokumente

✍️ Beschreibende Prosa

⚙️ Technische Exporte