WordPress-Plugin für interaktive 2D- und 3D-Diagramme im Gutenberg-Editor
Erstelle interaktive Diagramme in WordPress – ohne Code, direkt in Gutenberg
Mit unserem WordPress-Plugin baust du interaktive 2D- und 3D-Diagramme direkt in Gutenberg – inklusive Tooltips, Zoom, CSV/JSON-Import und responsivem Layout.
Für alle, die in WordPress mehr wollen als Standard-Balkendiagramme: Dieses Diagramm-Plugin verbindet Gutenberg-Komfort mit interaktiver 2D-/3D-Darstellung für Präsentationen, Produktkommunikation und datenstarke Landingpages.
Interaktive 2D- und 3D-Diagramme WordPress Plugin
Für Landingpages, Reports und datenstarke Produktseiten.
✔ Gutenberg-nativer Block
✔ 6 Diagramm-Layouts in 2D oder 3D
✔ CSV- & JSON-Import
✔ Responsive & mobil optimiert
✔ 14 Tage Rückgaberecht
Einfach kaufen, herunterladen und direkt in WordPress einsetzen.
Gutenberg-nativer Block · 14 Tage Rückgaberecht · Mehrsprachig · Mobil optimiert
Ein Datensatz, 6 Darstellungen – finde in Sekunden das Diagramm, das deine Aussage am besten transportiert
Nutze dieselben Daten als Arc-, Straight-, Wave-, Horizontal-, Radial- oder Pie-Layout — in 2D oder 3D, je nach Einsatzzweck. Mit frei konfigurierbaren Hintergründen oder transparent. Das macht deine Inhalte vielseitiger, verständlicher und visuell attraktiver.
Von Import bis Interaktion: alles für überzeugende Diagramme direkt in WordPress
Von Datenimport und Sortierung bis zu Tooltips, responsivem Verhalten und Performance-Optimierung – direkt im Block-Editor.
2D- & 3D-Ansicht
Wechsle je nach Zweck zwischen sachlicher 2D-Ansicht und aufmerksamkeitsstarker 3D-Darstellung
Drehen & Zoomen
Interaktive 3D-Steuerung für mehr Aufmerksamkeit und bessere Datenexploration
Hover-Tooltips
Mehr Kontext pro Datenpunkt – mit Tooltip für Wert, Beschreibung und Quelle
Vier Farbschemen + Einzelfarben
Passe Farben an dein Branding an – mit Paletten oder individuellen Datenpunkt-Farben
Zwei Hintergrundstile
Grid-Hintergrund mit konfigurierbarer Linienfarbe oder reflektierender Boden mit Farbverlauf. Beide Varianten auch komplett transparent möglich – perfekt für individuelle Seitenhintergründe.
Konfigurierbares Lineal
Ein- und ausblendbar, mit eigener Farbwahl. Zeigt 5 Skalenstufen entlang der Y-Achse. Passt sich automatisch an Arc-, Straight- und
Horizontal-Layouts an.
Y-Achse konfigurieren
Minimum, Maximum, Einheit-Präfix und -Suffix frei definierbar.
So werden Werte als „$10 Mio.“, „25 %“ oder „120 °C“ korrekt dargestellt.
Sortierung
Datenpunkte lassen sich nach eigener Reihenfolge, nach Wert (auf-/absteigend) oder nach Bezeichnung (A–Z) sortieren.
CSV- & JSON-Import
Daten per CSV oder JSON importieren – ohne zusätzliche Tools.
Manuelle Dateneingabe
Bis zu 22 Datenpunkte direkt im Gutenberg-Editor anlegen, duplizieren, sortieren und bearbeiten – ohne Code, ohne externes Tool.
Gutenberg-nativ & performance-optimiert
Ohne Shortcode, ohne Page-Builder-Addon: Das Plugin funktioniert als nativer Gutenberg-Block mit einfacher Sidebar-Konfiguration. Dank Lazy Loading, pausierten Offscreen-Animationen und mobiler Optimierung bleiben Diagramme performant und responsiv.
Responsive Design
Diagrammhöhe individuell für Desktop, Tablet und Mobile einstellbar (in px, em oder %). Tooltips, Touch-Gesten und Rendering passen sich automatisch an.
Häufige Fragen vor dem Kauf – Kompatibilität, Datenlimits, Mobile, Performance
Das Plugin ist ein nativer Gutenberg-Block. Es funktioniert mit allen Tools, die auf dem Block-Editor aufbauen (z. B. Spectra, Kadence Blocks,
GenerateBlocks). Klassische Page Builder wie Elementor, Divi oder WPBakery, die den Block-Editor ersetzen, werden nicht unterstützt.
Ja. Alles wird direkt im Gutenberg-Editor konfiguriert – Layout, Farben, Daten, Hintergrund. Kein Code nötig.
Der Block passt sich an die Breite des Content-Bereichs an und unterstützt Wide-, Full- und Standard-Ausrichtung.
Bis zu 22 Datenpunkte pro Diagramm. Ab 20 Datenpunkten erscheint ein Hinweis zur Performance.
Ja. Jedes Diagramm wird erst geladen, wenn es in den sichtbaren Bereich scrollt (Lazy Loading). Das hält die Seite schnell.
Ja. Hintergrundfarbe und -stil lassen sich frei wählen oder komplett auf transparent setzen.
JSON (als Array oder einzelnes Objekt) und CSV (Komma- oder Semikolon-getrennt). Einfach per Copy & Paste einfügen oder Daten händisch einpflegen.
Ja. Touch-Gesten für Rotation und Zoom werden unterstützt. Rendering und Auflösung werden automatisch für mobile Performance optimiert.
Ja. Pro Diagramm kann Drehen, Zoomen und Schwenken ein- oder ausgeschaltet werden – z. B. für rein dekorative Darstellungen.
Bis zu etwa 15 Diagramme pro Seite funktionieren problemlos. Dank Lazy Loading wird jedes Diagramm erst geladen, wenn es in den sichtbaren Bereich scrollt. Ab ca. 16 Diagrammen kann es je nach Gerät und Browser
zu WebGL-Kontextverlusten kommen – das Plugin erkennt das und stellt betroffene Diagramme nach Möglichkeit wieder her.
Ja. Minimum, Maximum, Präfix (z. B. „$“) und Suffix (z. B. „Mio.“) sind frei definierbar.
Ja. Bei prozentualer Darstellung warnt der Editor automatisch, wenn die Summe der Werte 100 % übersteigt.
