Visualisierung großer Datensätze mit wpDataTables: Eine Anleitung

Veröffentlicht: 2023-05-03

Die Visualisierung großer Datenmengen ist eine große Herausforderung. Ihre übersichtliche und ansprechende Darstellung ist eine der gefragtesten Techniken zur Datenvisualisierung. Ihr Publikum braucht etwas, das interaktiv, leicht verständlich und reaktionsschnell ist. Es gibt Möglichkeiten, diese Art von Visualisierungen zu erstellen, ohne viele Stunden oder viel Geld in teure Datenvisualisierungstools zu investieren.

wpDataTables ist das robuste Datenvisualisierungstool, das Sie lieben werden. Sie erstellen damit alle Arten von Grafiken und Diagrammen. Es ist darauf spezialisiert, Big Data zu handhaben und in Präsentationen umzuwandeln, die Ihr Publikum lieben wird.

Dieses WordPress-Plugin verarbeitet alle Arten von organisierten und hierarchischen Datenformaten, wie zum Beispiel:

  • CSV
  • Excel
  • Google Tabellen
  • JSON
  • MySQL
  • PostgreSQL
  • XML

Es verfügt über einen integrierten Diagramm- und Diagrammeditor zum Anpassen Ihrer Datendarstellungen. Standardmäßig werden verschiedene Diagramme erstellt, darunter:

  • Flächendiagramme
  • Balkendiagramme
  • Blasendiagramme
  • Säulendiagramme
  • Donut-Diagramme
  • Messdiagramme
  • Liniendiagramme
  • Kreisdiagramme
  • Streudiagramme

Es ist also klar, warum wpDataTables so ein großartiges Tool ist . Dieser Artikel zeigt Ihnen, wie Sie damit große Datensätze in WordPress visualisieren und auf Ihrer Website veröffentlichen können.

Verwenden von wpDataTables zum Visualisieren großer Datensätze

Installation und Aktivierung von wpDataTables

Der erste Schritt liegt auf der Hand: Um loszulegen, müssen Sie das wpDataTables-Plugin installieren. Dies ist sehr einfach, indem Sie zum WordPress-Plugin-Repository gehen.

Öffnen Sie dazu WordPress und gehen Sie unter Plugins auf Neu hinzufügen . Hier können Sie nach wpDataTables suchen. Folgen Sie dann den Anweisungen auf dem Bildschirm und schließen Sie die Installation und Aktivierung ab.

Importieren von Daten

Nach der Installation können Sie Ihre Daten aus verschiedenen Quellen in wpDataTables importieren. Einige der Auswahlmöglichkeiten für den Datenimport sind:

  • CSV
  • Excel
  • Google Tabellen
  • JSON
  • MySQL-Abfragen
  • Serialisiertes PHP-Array
  • XML

Sie haben auch weiterhin die Möglichkeit, Ihre Daten von Hand in wpDataTables einzugeben oder das Plugin mit einer Live-Datenquelle zu verknüpfen.

Diese Funktion ist sehr nützlich, da Sie Tabellen erstellen können, die bei jedem Laden Ihrer Seite automatisch aktualisiert werden. Sie können auch eine benutzerdefinierte Abfrage mit dem Tool der grafischen Benutzeroberfläche (GUI) generieren .

So erstellen Sie eine neue Tabelle aus den Daten

Sie können eine neue Tabelle erstellen, indem Sie zu wpDataTable gehen und auf Tabelle erstellen klicken. Dort sehen Sie die Option Eine Tabelle erstellen, die mit einer vorhandenen Datenquelle verknüpft ist . Klicken Sie auf diese Option und dann auf Weiter .

Auf dem nächsten Bildschirm sehen Sie verschiedene Optionen, wie Sie Ihre Daten importieren möchten. Sie müssen keine davon auswählen, aber einige von ihnen könnten nützlich sein.

Unter Anzeige können Sie die Option Responsive Collapsing auswählen, was auf Geräten mit kleineren Bildschirmen sehr nützlich ist. Sie können Bildlaufleisten bearbeiten, die Tabellenbreite begrenzen und so weiter.

Die Registerkarte Bearbeiten bietet Ihnen weitere Optionen für die Frontend-Bearbeitung. Dazu gehören das Drucken, Kopieren und Exportieren von Quicklinks. Das Gute daran ist, dass Sie Ihre Änderungen in Echtzeit in der Vorschau anzeigen können . Jedes Mal, wenn Sie eine Änderung vornehmen, müssen Sie auf Speichern oder Anwenden klicken.

Verwenden Sie große Datensätze? Kein Problem. Wir haben eine serverseitige Verarbeitung

Wenn Sie mit riesigen Datensätzen zu tun haben und gigantische Tabellen mit vielen Seiten erstellen, ist wpDataTables das WordPress-Plugin, das Sie brauchen.

wpDataTables ist ein leistungsstarkes und flexibles Plugin, das problemlos mit Tonnen von Daten umgehen kann. Im Ernst, ich spreche von Tausenden oder sogar Millionen von Zeilen!

  • Sind Sie es leid, darauf zu warten, dass Ihre riesigen Tabellen geladen werden?
  • Haben Sie das träge Sortieren und Filtern satt?
  • Befürchten Sie, dass Ihre Seiten aufgrund zu großer Datenmengen abstürzen?

Nicht mehr! wpDataTables hält Ihnen den Rücken frei. Es ist mit einer fantastischen Funktion namens „Serverseitige Verarbeitung“ ausgestattet. Dieser böse Junge nimmt Ihnen das ganze schwere Heben ab und delegiert es an den MySQL-Server. Was bedeutet das für Sie? Es bedeutet:

  • Schnelleres Laden der Seite
  • Intelligenteres Filtern und Sortieren
  • Keine Abstürze mehr aufgrund großer Datensätze

Neugierig, wie es gemacht wird? Schauen Sie sich dieses Video an:

Jetzt weiß ich, was Sie denken: „Klingt zu gut, um wahr zu sein, oder?“ Aber lassen Sie mich Ihnen sagen, es ist so real wie es nur geht.

Diese Funktion ist maßgeschneidert für Leute wie Sie, die mit großen Datensätzen umgehen und eine reibungslose Erfahrung wünschen.

Auswahl der richtigen Datenvisualisierung

Nachdem Sie Ihre Daten importiert haben, können Sie über die Datenvisualisierung nachdenken. Öffnen Sie dazu den Chart Creation Wizard . Sie finden den Assistenten nach dem Öffnen von wpDataTables unter Create a Chart .

Zunächst müssen Sie Ihrem Diagramm einen Namen geben, um es später wiederzufinden. Wählen Sie dann eine der vier Chart-Rendering-Engines:

  1. Diagramm.js
  2. Google-Diagramme
  3. Highcharts
  4. ApexCharts

Die Wahl der richtigen Datenvisualisierung ist sehr wichtig. Unterschiedliche Kategorien von Diagrammen eignen sich besser für unterschiedliche Datentypen.

Denken Sie zuerst an den Punkt, den Sie mit Ihren Daten ansprechen möchten. Diese Botschaft muss klar und deutlich sein. Fünf Fragen können Ihnen dabei helfen, herauszufinden, was Sie tun möchten:

  • Wenn es verschiedene Datensätze gibt, in welcher Beziehung stehen sie?
  • Ist es notwendig, die Datenverteilung hervorzuheben und Ausreißer zu identifizieren?
  • Wollen Sie Werte vergleichen? Wenn ja, möchten Sie verschiedene Datenpunkte vergleichen oder einen Punkt über die Zeit verfolgen?
  • Gibt es interessante Trends innerhalb des Datensatzes?
  • Ist der Schritt der Datenvisualisierung Teil der Datenanalyse?

Wenn Sie die Antwort auf diese Fragen kennen, können Sie die richtige Diagrammart für Ihr Projekt auswählen.

Nachdem Sie Ihre Grafik oder Ihr Diagramm bearbeitet haben, können Sie sich zum nächsten Bildschirm durchklicken und den Shortcode für die Datenvisualisierung kopieren .

Jetzt können Sie den Shortcode in den Inhalt Ihrer Website einfügen. Speichern Sie es und überprüfen Sie das Frontend, um zu sehen, wie es aussieht.

Innerhalb von wpDataTables gibt es eine ganz besondere Option. Es ermöglicht Ihnen , Ihre Tabellen zu behalten, auch wenn Sie das Plugin löschen .

Wenn Sie sich jemals dafür entscheiden, das Plugin zu löschen, finden Sie Ihre Tabellen immer noch in der Datenbank.

Erstellen Sie ein Diagramm aus einer Tabelle

Lassen Sie uns etwas tiefer in die Erstellung von Datenvisualisierungen mit wpDataTables einsteigen. Mit dem Plugin können Sie beeindruckende und interaktive Grafiken und Diagramme aus jeder Art von Datenquelle erstellen. Sie können Excel-Dateien, CSV, MySQL, JSON und mehr verwenden.

Wenn Ihre Tabelle zur Verarbeitung bereit ist, wählen Sie Diagramme aus und klicken Sie dann auf Neu hinzufügen .

Geben Sie dem Projekt einen Titel und wählen Sie die Rendermaschine wie oben beschrieben aus. Sie können zwischen Google Charts, Chart.js oder anderen wählen. Jede Rendering-Engine hat ihre Eigenschaften, jede mit ihren Vor- und Nachteilen. Sie können herumspielen und sehen, welches für Ihr Projekt am besten geeignet ist.

Außerdem gibt Ihnen jede Rendering-Engine unterschiedliche Kategorien von Diagrammen , wie z. B. Balken, Säulen, Flächen und Linien. Oben befindet sich ein Dropdown-Menü, in dem Sie die gewünschte Art der Datenvisualisierung auswählen können.

Formatierung und Vorschau

Jetzt können Sie mit dem Plugin Ihr Diagramm oder Ihre Grafik so formatieren, wie Sie es möchten. Sie können Ihre Änderungen sofort in einem Panel auf der rechten Seite des Bildschirms sehen.

Sie werden feststellen, dass es für jedes Diagramm- oder Diagrammelement mehrere Formatierungskategorien gibt. Mit den ersten Optionen können Sie die folgenden Dinge anpassen:

  • Hintergrundfarben
  • Randfarbe
  • Grenzradius
  • Rahmenbreite
  • Diagrammhöhe
  • Diagrammbreite
  • Gruppendiagramm
  • Ansprechende Breite

Eine weitere Formatierungskategorie ist Series , in der Sie die Datenreihen anpassen können. Unter Achsen finden Sie alle Optionen, die sich auf die Anordnung der Achsen des Diagramms beziehen. Sie können die X- und Y-Achse unabhängig voneinander anpassen.

Die nächste Kategorie ist Exportieren . Sie können Ihren Website-Besuchern erlauben, Ihre Datenvisualisierungstools in verschiedenen Formaten herunterzuladen:

  • CSV
  • JPG
  • Pdf
  • PNG
  • SVG
  • XLS

Die Kategorie Symbolleiste ist nur für ApexCharts verfügbar. Mit dieser Option können Sie Benutzern erlauben, die Visualisierungsdaten in den Vektorbildformaten CSV, PNG und SVG herunterzuladen.

Wenn Sie mit dem Aussehen Ihres Diagramms oder Diagramms zufrieden sind, können Sie es speichern, indem Sie auf die Schaltfläche Diagramm speichern klicken. wpDataTables speichert es in der WordPress-Datenbank. An dieser Stelle wird auch der Shortcode für Sie generiert.

Veröffentlichen Sie das Diagramm auf Ihrer Website oder in Ihrem Blog-Beitrag

Ältere Versionen verwenden den klassischen WordPress-Editor. Sie können es aber auch verwenden, wenn Sie mit WordPress 5+ arbeiten. Dazu müssen Sie das Classic Editor Plugin herunterladen und installieren.

Im Classic-Editor können Sie den Shortcode einfügen, den wpDataTable für Ihr Diagramm generiert hat. Ein Beispiel für einen Shortcode könnte sein:

 [ wpdatatable id=22 ]

Gehen Sie folgendermaßen vor, um den Code richtig einzufügen:

  1. Gehen Sie zu Beiträge
  2. Klicken Sie auf Neu hinzufügen oder Seiten
  3. Wählen Sie Neu hinzufügen aus
  4. Fügen Sie den Shortcode in den Inhalt im Editor ein
  5. Aktualisieren oder veröffentlichen Sie Ihre Seite oder Ihren Blogbeitrag

Eine andere Möglichkeit, Ihre Tabelle zu veröffentlichen, ist die Verwendung der wpDataTables-Schaltfläche im Editor. Klicken Sie auf die Schaltfläche , um das Diagramm auszuwählen, das Sie verwenden möchten, und klicken Sie auf Einfügen .

Der Gutenberg-Editor ist ein weiteres Tool zur Verwaltung Ihrer Inhalte. Tatsächlich ermöglicht es Ihnen mehr Optionen für Ihr Diagramm. Sie können wählen, welche Tabelle Sie möchten und wie Sie sie anzeigen möchten, und Sie können variable Platzhalter definieren und Dateinamen exportieren.

Es gibt eine Integration für wpDataTables in Divi Page Builder. Mit diesem Seitenersteller können Sie Diagramme und Tabellen direkt in die Divi-Benutzeroberfläche einfügen.

Abschließende Worte zur Visualisierung großer Datensätze mit wpDataTables

Die richtigen Informationen aus Big Data zu extrahieren ist nicht einfach, aber mit den richtigen Datenvisualisierungstechniken können Sie es schaffen. Dieser Artikel hat Ihnen gezeigt, wie Sie Rohdaten in ansprechende Grafiken und Diagramme umwandeln können. Es ist eine notwendige Fähigkeit, wenn Sie große Datensätze visualisieren müssen.

Dieses Plugin ist sehr flexibel. Probieren Sie es also aus und sehen Sie, wie Sie mithilfe von Datenvisualisierung mehr aus komplexen Daten herausholen können. Sie werden sehen, was das Ändern weniger Parameter für Ihre Präsentation bei der Visualisierung großer Datenmengen bewirken kann.

Wenn Ihnen dieser Artikel über die Visualisierung großer Datensätze gefallen hat, sollten Sie auch diese lesen:

  • Verpassen Sie nicht diese Datenvisualisierungstrends
  • So verwenden Sie die dynamische Datenvisualisierung, um Daten besser zu präsentieren
  • Die beeindruckendste interaktive Datenvisualisierung, die Sie online finden werden