neomesh Dashboard Library: Einheitliche Notation für Reporting und Dashboards

NEOMESH DASHBOARD LIBRARY · EINHEITLICHE NOTATION IM WEB

Eine gemeinsame Sprache für Reporting und Unternehmenssteuerung.

Die neomesh Dashboard Library ist ein einheitliches Notationssystem für webbasiertes Reporting, Business-Dashboards, Management-Cockpits und Management-Informationssysteme (MIS). Sie verbindet Kennzahlen, Vergleiche, Entwicklungen und Prozesse in einer gemeinsamen visuellen Sprache. So können Sie Berichte und Steuerungsansichten über Teams, Themen und Zeiträume hinweg konsistent gestalten – vom operativen Überblick bis zur Entscheidungsvorlage für die Geschäftsführung.

26 Blocktypen · 3 Anwendungsperspektiven · 4 Oberflächensprachen
Eine gemeinsame Darstellungslogik für Kennzahlen, Diagramme, Pläne und Prozesse. Mit interaktiven Details, Datenalternativen und Druckansichten für die Weiterarbeit.

Diese Landingpage ist zugleich eine Produktdemonstration: Alle Zahlen, Organisationen, Personen, Wahlresultate und Planungen sind fiktiv. Nutzen Sie die Bedienelemente, fokussieren oder berühren Sie Diagrammelemente und öffnen Sie die Druckansicht. Die Beispiele zeigen Arbeitsweisen; sie sind keine Kundenreferenzen oder Live-Daten.

Eine Library. Zwei Wege zur Integration.

Standalone JavaScript-Library mit CSS: Die neomesh Dashboard Library lässt sich eigenständig in Websites und Webanwendungen einbinden. Sie benötigt keine externen JavaScript- oder CSS-Bibliotheken – Zero Dependencies. Die Darstellung läuft mit lokal bereitgestellten Dateien und den Funktionen eines aktuellen Browsers.

WordPress-Plugin: Parallel steht die Library als Plugin mit 26 nativen Gutenberg-Blöcken zur Verfügung. Die Diagramme lassen sich direkt im WordPress-Editor einfügen und konfigurieren. Diese Integration nutzt die vorhandenen WordPress- und Gutenberg-Schnittstellen.

Beide Formen sind kostenlos mit verlinkter neomesh-Kennzeichnung oder mit kostenpflichtiger Lizenz ohne Logo-Einblendung und Namensnennung erhältlich.

01 · Unternehmen: Reporting, Business-Dashboards und Management-Cockpits

Eine fiktive mittelständische Unternehmensgruppe bündelt Vertrieb, Service und Betrieb in einem gemeinsamen Managementbericht. Die folgenden Bausteine zeigen, wie ein Business-Dashboard oder Management-Cockpit schrittweise aufgebaut werden kann: Wo stehen wir? Warum verändert sich das Ergebnis? Und an welcher Stelle lohnt sich ein Eingriff? Wiederkehrende Darstellungsregeln verbinden die einzelnen Ansichten zu einem lesbaren Ganzen.

Die zentrale Zahl sofort erfassen

Die Kennzahlkarte stellt einen Wert mit Einheit und erläuterndem Kontext heraus. Sie eignet sich für Umsatz, Auftragsbestand, Servicevolumen oder Energieverbrauch. Hier bildet sie den Einstieg in den Monatsbericht.

Im Gespräch: 128,4 T€ allein sind noch keine Bewertung. Ziel, Entwicklung und Ertragsstruktur folgen in den nächsten Ansichten.

Zielerreichung und verbleibende Lücke zeigen

Soll–Ist vergleicht den aktuellen Absatz mit dem Monatsziel. Eine markierte Lücke macht den noch fehlenden Beitrag sichtbar; die Skala umfasst auch eine mögliche Übererfüllung.

Im Gespräch: Alle vier Anzeigen haben dasselbe Soll von 1.000 Stück und dieselbe Skala bis 1.200. Das bisherige Beispiel zeigt 840 Stück; bei 650 Stück fehlen 350. Die bewerteten Varianten zeigen 780 Stück in Rot und 1.050 Stück in Grün. Grün beginnt bei Zielerreichung, Gelb bei 90 %; darunter ist der Bereich rot.

Messwert und Bewertung auseinanderhalten

Die KPI-Ampel bewertet Liefertermintreue anhand expliziter Schwellen und zeigt zusätzlich den Vergleich zum vorherigen Wert. Ein positiver Trend bedeutet nicht automatisch, dass das Ziel schon erreicht ist.

Im Gespräch: Vier fiktive Zustände nebeneinander: 96 % Termintreue sind gelb und gegenüber 98 % rückläufig; 99 % sind grün und gegenüber dem Vorwert unverändert. Die rote Ampel zeigt bewusst die umgekehrte Kennzahl: 100 % verspätete Lieferungen, mit erreichter Maximum-Grenze. Grau bedeutet fehlende Daten – nicht 0 %. Die Pfeile zeigen jeweils die numerische Veränderung zum Vorwert.

Regionen und negative Werte vergleichen

Horizontale oder vertikale Balken stellen Größen auf einer gemeinsamen Skala gegenüber. Auch negative Werte bleiben erkennbar, etwa Anlaufverluste einer neuen Niederlassung.

Im Gespräch: Die Region Süd braucht eine andere Diskussion als Nord und West: Anlaufkosten erklären den negativen Beitrag, ersetzen aber keinen Plan für die nächsten Monate.

Unternehmen · Entwicklungen und Ursachen verstehen

Entwicklung über die Zeit lesen

Das Liniendiagramm zeigt Monatswerte, Trends und eine optionale Referenzlinie. Fehlende Werte werden bewusst als Datenlücken behandelt. Zeitreihen können durch eine individuell entwickelte Anbindung auch laufend ergänzt werden.

Im Gespräch: Der September liegt erstmals über dem Referenzwert von 125 T€. Für die nächste Planung ist interessant, ob die Entwicklung wiederholbar ist.

Wachstum und Wirtschaftlichkeit gemeinsam betrachten

Das Kombinationsdiagramm verbindet Balken und Linien, bei Bedarf mit einer zweiten Achse. Hier stehen Umsatz und Marge nebeneinander; im Juni fehlt der Margenwert absichtlich.

Im Gespräch: Mehr Umsatz ist erst zusammen mit der Marge ein belastbares Erfolgssignal. Die beiden Achsen haben unterschiedliche Einheiten; die Datenlücke im Juni wird nicht als Null interpretiert.

Den Umsatzmix verständlich machen

Kreis- und Donutdiagramme zeigen Anteile an einem Ganzen. Die Donutvariante kann einen ausgewählten Anteil hervorheben; auch Halbkreise und Segmentnummern sind konfigurierbar.

Im Gespräch: 72 T€ Produktumsatz stehen 38,4 T€ Service und 18 T€ Wartung gegenüber. Wiederkehrende Leistungen lassen sich so gezielt in die Portfoliodiskussion einbeziehen.

Strukturen zwischen Standorten vergleichen

Gestapelte Balken zerlegen regionale Summen in Produkte und Service. Damit wird sichtbar, ob ein ähnlicher Gesamtwert aus einem unterschiedlichen Geschäftsmodell entsteht.

Im Gespräch: Süd erreicht insgesamt 75 T€, davon 40 T€ Service. Das ist ein anderer Mix als in Nord mit 60 T€ Produkten und 25 T€ Service.

Ergebnisveränderungen nachvollziehbar erklären

Der Wasserfall führt von einem Ausgangswert über positive und negative Beiträge zum Ergebnis. Das unterstützt Geschäftsführung, Controlling und Projektleitung bei der Erklärung von Abweichungen.

Im Gespräch: 35 T€ Mehrumsatz und 22 T€ zusätzliche Kosten erklären den Anstieg um 13 T€. Die Grafik zeigt Rechenbeiträge; deren Ursachen bleiben Teil des Gesprächs.

Kostenabweichungen nach Priorität diskutieren

Das Abweichungsdiagramm zeigt Ist, Soll und Differenz. Die Bewertungsrichtung ist einstellbar: Bei Kosten gelten niedrigere Werte als günstig, bei Ertrag kann die Logik umgekehrt werden.

Im Gespräch: Süd liegt 10 T€ über Plan, Nord 5 T€ darunter. Eine Gesamtsumme allein würde diese gegenläufigen Entwicklungen verdecken.

Vertriebsverluste an den Übergängen erkennen

Der Trichter verbindet Mengen und Konversionsstufen. Stufennamen, Ausrichtung und Detailinformationen sind konfigurierbar; die Proportionen bleiben an den Werten orientiert.

Im Gespräch: Die Konversion vom Angebot zum Auftrag beträgt rund 39 %. Hier lässt sich gezielt nach Passung, Preis, Timing und Nachverfolgung fragen.

Streuung statt nur Durchschnitt zeigen

Das Histogramm gruppiert Lieferzeiten in Klassen. Einzelne sehr lange Durchläufe werden so sichtbar, auch wenn der Mittelwert insgesamt noch akzeptabel wirkt.

Im Gespräch: Die Fälle mit neun bis zwölf Tagen verdienen eine eigene Ursachenanalyse. Ein Durchschnitt verrät nicht, welche Aufträge betroffen sind.

Lieferfortschritt nachvollziehbar kommunizieren

Der Lieferstatus zeigt Stationen, Fortschritt innerhalb einer Phase, Zusatzhinweise, eine Freitextprognose und eine kopierbare Trackingnummer. Die Darstellung kann aus einem eigenen System aktualisiert werden.

Im Gespräch: Die Sendung befindet sich im Transport. Die Prognose ist Beispieltext; das Plugin fragt keinen Paketdienst selbstständig ab.

02 · Kommunen: Leistungen und Vorhaben verständlich machen

Die fiktive Stadt Beispielstadt verbindet Haushaltskommunikation, Bürgerservice und Stadtentwicklung. Für Öffentlichkeit, Ausschüsse und Verwaltung werden aus einzelnen Zahlen nachvollziehbare Ansichten – mit klaren Einheiten, Vergleichsmaßstäben und Erläuterungen.

Aufgaben im Haushalt einordnen

Eine Kreisübersicht zeigt die Verteilung eines beispielhaften Aufgabenbudgets. Der Bezug zur Gesamtsumme bleibt erhalten; die einzelnen Werte stehen zusätzlich in der Datenansicht.

Im Gespräch: Bildung und Soziales binden zusammen 60 % dieses fiktiven Budgets. Daraus folgt noch keine Aussage zu Pflichtaufgaben oder frei verfügbaren Mitteln; diese Einordnung gehört in den Begleittext.

Finanzierungswege als Flüsse zeigen

Sankey-Diagramme machen sichtbar, wie ein Budget über Programme in konkrete Verwendungen fließt. Bandbreiten sind proportional; Zu- und Abflüsse können in den Tabellen nachvollzogen werden.

Im Gespräch: 100 T€ fließen über Bestand und neue Vorhaben in 40 T€ Schulgebäude, 35 T€ Mobilität und 25 T€ digitale Dienste. Die Wege machen Zuständigkeiten und Schwerpunktsetzungen diskutierbar.

Wahlergebnisse mit dem Vorwert vergleichen

Die Wahlvariante des Balkendiagramms zeigt Listenfarben, aktuelle Werte, Vorwerte und Veränderungen. Prozentpunkte und Stimmenzahlen werden fachlich unterschieden. Alle Listen in diesem Beispiel sind erfunden.

Im Gespräch: Liste A gewinnt vier Prozentpunkte. Die Werte sind reine Demonstrationsdaten und bilden keine reale Wahl ab.

Jeden Sitz als eigenen Punkt darstellen

Die Parlamentsvariante stellt genau einen Punkt je Sitz dar. Halb- oder Vollkreis, Listennamen und neutrale freie Sitze sind konfigurierbar. Die Sitzzahlen werden eingegeben, nicht aus Stimmenanteilen errechnet.

Im Gespräch: Für die Kommunikation einer Sitzverteilung zählt die konkrete Zahl der Mandate. Ein Punktmodell vermeidet die Verwechslung von Stimmenanteil und Sitzanteil.

Kommunen · Straßenraum und Mobilität

Straßenraum als gemeinsame Fläche diskutieren

Der Straßenquerschnitt zeigt Bestand und Planung im gleichen Maßstab. Wechseln Sie zwischen Querschnitt und Draufsicht. Gehen, Radverkehr, Kfz, Grün und Lieferbereiche werden als Flächenentscheidung sichtbar.

Im Gespräch: Die Planung beansprucht 18 m; der gezeigte Bestand 18 m. Diese illustrative Aufteilung ist keine Ausführungsplanung und keine Prüfung von Regelwerken, Sicherheitsabständen oder nutzbaren Mindestbreiten.

Weitere Verkehrsarten und Freigaben sichtbar machen

Ein zweites Beispiel zeigt Busspur mit „Rad frei“, Schutzstreifen, Straßenbahn und einen Gehweg mit Radfreigabe. Zusätzlich unterstützt die Bibliothek Bahnflächen, Pkw-, Lkw- und Lieferfahrzeugsymbole sowie Richtungsangaben.

Kommunen · Bürgerservice und Erreichbarkeit

Auslastung über den Tag erkennen

Die Auslastungsmatrix zeigt Belegung oder Kapazitätsnutzung nach Zeitfenstern. Farben, Zahlen und Zellgestaltung sind konfigurierbar; fehlende Daten bleiben von 0 % unterscheidbar.

Im Gespräch: Die Spitzen zwischen 9 und 11 Uhr laden zur Diskussion über zusätzliche Termine und Personalverteilung ein. Die fehlende Messung um 23 Uhr wird nicht als freie Kapazität ausgegeben.

Öffnungszeiten vollständig kommunizieren

Der Wochenplan berücksichtigt mehrere Zeitintervalle, Zeitzonen und datumsbezogene Ausnahmen. Auch Zeiten über Mitternacht sind möglich, etwa bei Veranstaltungsstätten.

Die aktuelle Erreichbarkeit direkt anzeigen

Der Öffnungsstatus ergänzt den Wochenplan um die Frage „Jetzt geöffnet?“. Er verwendet die konfigurierte Zeitzone und die hinterlegten Ausnahmen. Dieser Demonstrationsstatus bezieht sich nur auf den fiktiven Plan.

Sprechstunden nach Angebot gliedern

Der Sprechstundenplan verbindet Angebote, Wochentage, mehrere Zeitfenster und Freitexthinweise. Er kann ebenso Personen und Profilbilder zeigen – etwa in einer Praxis, einer Verwaltung oder einem Beratungszentrum.

Im Gespräch: Bürgerinnen und Bürger erkennen, wann das passende Angebot erreichbar ist. Terminbuchung und Fallbearbeitung bleiben Aufgaben eines ergänzenden Systems.

03 · Beratung: Orientierung in komplexen Vorhaben schaffen

Im fiktiven Projekt „Service 2027“ arbeiten Leitung, Fachbereich und Umsetzung gemeinsam an besseren Abläufen. Der Beratungswert entsteht aus der Kombination: Portfolio priorisieren, Verantwortlichkeiten klären, Beziehungen besprechen und die nächsten Schritte sichtbar machen.

Ein Projektportfolio mit drei Größen betrachten

Das Blasendiagramm verbindet zwei Achsen mit einer dritten Größe als Kreisfläche. In diesem Beispiel werden Aufwand, erwarteter Nutzen und Reichweite von Initiativen gegenübergestellt.

Im Gespräch: Die Wissensbasis erscheint im Beispiel mit überschaubarem Aufwand und hohem Nutzenindex attraktiv. Die zugrunde liegende Bewertung muss gemeinsam begründet werden; das Diagramm entscheidet nicht selbst.

Projektplan, Baseline und Meilensteine zusammenführen

Die Timeline unterstützt Gruppen, ein- und ausklappbare Abschnitte, aktuelle Termine, ursprüngliche Termine und Abhängigkeiten. Meilensteine können mit einem tatsächlichen Erreichungsdatum dokumentiert werden.

Im Gespräch: Die Ansicht zeigt den fiktiven Stand vom 22. September 2026. Das Datenmodell endet später als ursprünglich vorgesehen. Die Pilotfreigabe ist im fiktiven Verlauf einen Tag vor dem Solltermin dokumentiert; Aufgaben und Meilensteine bleiben getrennt nachvollziehbar.

Verantwortlichkeiten und Doppelspitzen erklären

Das Organigramm unterstützt Hierarchien, mehrere Wurzeln, vier Leserichtungen und ein oder zwei Personen je Position. Namen, Rollen, Bilder und Profilverweise können ergänzt werden.

Im Gespräch: Eine gemeinsame Leitungsposition mit zwei Personen verändert nicht die nachgelagerten Verantwortlichkeiten. Für sehr große Organisationen bieten sich eigene Teilbäume an.

Zusammenarbeit und Reibung besprechbar machen

Das Soziogramm zeigt gerichtete positive und negative Beziehungen. Gegenseitige Beziehungen können unterschiedlich ausfallen; Erläuterungen geben dem Pfeil seinen konkreten Sinn. Die gezeigten Personen und Einschätzungen sind erfunden.

Im Gespräch: „Andere Prioritäten“ und „offene Abstimmung“ benennen hier zwei Perspektiven auf eine Schnittstelle. In einem echten Projekt braucht eine solche Darstellung eine gemeinsam vereinbarte Bedeutung und einen geeigneten Empfängerkreis.

Abläufe über Zuständigkeitsgrenzen hinweg verfolgen

Swimlanes verbinden Schritte mit verantwortlichen Bereichen. Entscheidungen, Übergaben und Rückfragen sind Bestandteil desselben Bildes. Die Texttabellen ergänzen die grafische Darstellung.

Im Gespräch: Die Rückfrage führt wieder an den Anfang. Die Beratung kann prüfen, welche Unterlagen den Rücklauf vermeiden und wer dafür verantwortlich ist.

Entscheidungswege ohne Abteilungsbahnen darstellen

Das Workflow-Diagramm eignet sich für eine kompakte Prozesslogik mit Verzweigungen, Zusammenführungen und Rückschleifen. Die Positionen sind gezielt steuerbar; die Darstellung führt keine Arbeitsschritte automatisch aus.

Im Gespräch: Die Vollständigkeitsprüfung trennt Bearbeitung und Rückfrage. So lässt sich eine Entscheidungsregel gemeinsam prüfen, bevor sie in einem Fachverfahren umgesetzt wird.

Workshops und mehrtägige Formate strukturieren

Die Agenda verbindet Veranstaltungs-, Tages- und Sessionzeiten mit Referierenden, Räumen, Pausen und optionalen Online-Links. Überlappende Sessions stehen bei ausreichender Breite in parallelen Spalten.

Im Gespräch: Am ersten Tag laufen Prozessarbeit und Datenverantwortung parallel. Am zweiten Tag werden Verantwortlichkeiten und nächste Schritte zusammengeführt. Öffnen Sie die Details einzelner Programmpunkte.

Den Transfer nach dem Workshop verfolgen

Auch in der Beratung eignet sich eine Soll–Ist-Ansicht, etwa für die Umsetzung gemeinsam vereinbarter Maßnahmen. Der Bezug auf eine konkrete Aufgabe macht den Fortschritt anschlussfähig.

Im Gespräch: 75 % der Maßnahmen sind umgesetzt. Für die restlichen sechs zählen Inhalt, Verantwortliche und Hindernisse mehr als die Quote allein.

Häufige Fragen

Die Library stellt die visuellen Bausteine für Ihr Notationssystem bereit. Die fachlichen Regeln – etwa die Bedeutung von Farben, Bewertungsrichtungen und Vergleichsgrößen – werden passend zu Ihrer Organisation festgelegt und in den Ansichten konsistent konfiguriert.

Sind die gezeigten Daten live?

Nein. Dieser Beitrag verwendet fiktive, im Beitrag gespeicherte Daten. Öffnungsstatus und Tagesmarkierungen können sich anhand der Uhrzeit verändern. Eine Anbindung an operative Quellen wird individuell entwickelt; das Plugin ruft Daten nicht selbstständig ab.

Kann ich alle Beispiele bearbeiten?

Ja. Jedes Beispiel ist ein nativer neomesh-Block im WordPress-Beitrag. Häufige Einstellungen sind direkt in der Block-Seitenleiste verfügbar; weitergehende Optionen lassen sich strukturiert hinterlegen.

Ist das ein vollständiges BI-, Buchungs- oder Prozesssystem?

Die Library bildet die Visualisierungs- und Interaktionsebene für Reporting, Dashboards und MIS. Datenhaltung, Datenanbindung, Berechtigungen und fachliche Berechnungen übernimmt die umgebende Anwendung beziehungsweise eine passende Integration. Die Blöcke stellen auch Verfügbarkeit und Workflows dar; Buchungen oder Prozessschritte führen sie nicht selbst aus.

Können interne Daten dargestellt werden?

Ja, in einer dafür geschützten Umgebung. Die konfigurierten Daten werden mit der Seite an deren Besucher ausgeliefert. Die Zugriffssteuerung muss deshalb durch WordPress beziehungsweise die umgebende Anwendung gewährleistet sein.

Welche Einsatzmodelle gibt es?

Sowohl die eigenständige JavaScript-Library als auch das WordPress-Plugin gibt es kostenlos mit sichtbarem, verlinktem neomesh-Namen beziehungsweise neomesh-Logo sowie mit kostenpflichtiger Lizenz ohne Logo-Einblendung und Namensnennung. Für das passende Nutzungsmodell sprechen Sie uns an.

Was braucht die Installation?

Das Plugin nennt WordPress ab 6.3, PHP ab 7.4 und einen aktuellen Browser als Mindestvoraussetzungen. Wir prüfen den Einsatz mit Ihrem Theme, Ihren Plugins und Ihren Betriebsanforderungen.

Unterstützt neomesh auch Konzept und Umsetzung?

Wir verbinden Kommunikationsberatung, fachliche Strukturierung und technische Integration. Dazu gehören verständliche Kennzahlen, geeignete Visualisierungen, individuelle Datenanbindung und bei Bedarf der laufende Betrieb.