Visualiser de grands ensembles de données avec wpDataTables : un guide pratique

Publié: 2023-05-03

Visualiser de grands ensembles de données est un énorme défi. Les présenter de manière claire et convaincante est l'une des techniques de visualisation de données les plus recherchées. Votre public a besoin de quelque chose d'interactif, facile à comprendre et réactif. Il existe des moyens de créer ce type de visualisations sans investir de nombreuses heures ou beaucoup d'argent dans des outils de visualisation de données coûteux.

wpDataTables est l'outil de visualisation de données robuste que vous allez adorer. Vous faites toutes sortes de graphiques et de tableaux avec. Il est spécialisé dans la gestion du Big Data et sa transformation en présentations que votre public adorera.

Ce plugin WordPress gère toutes sortes de formats de données organisés et hiérarchiques, tels que :

  • CSV
  • Exceller
  • Feuilles Google
  • JSON
  • MySQL
  • PostgreSQLName
  • XML

Il dispose d'un éditeur de graphiques et de graphiques intégré pour personnaliser vos représentations de données. En standard, il produit divers graphiques, notamment :

  • Graphiques en aires
  • Diagramme à barres
  • Graphiques à bulles
  • Graphiques à colonnes
  • Graphiques en anneau
  • Tableaux de jauge
  • Graphiques linéaires
  • Camemberts
  • Nuage de points

Ainsi, il est clair pourquoi wpDataTables est un outil aussi génial . Cet article vous montrera comment vous pouvez l'utiliser pour visualiser de grands ensembles de données dans WordPress et les publier sur votre site Web.

Utilisation de wpDataTables pour visualiser de grands ensembles de données

Installation et activation de wpDataTables

La première étape est évidente : pour commencer, vous devez installer le plugin wpDataTables. C'est très facile à faire en se rendant sur le référentiel de plugins WordPress .

Pour ce faire, ouvrez WordPress et accédez à Ajouter un nouveau sous Plugins . Ici, vous pouvez rechercher wpDataTables. Suivez ensuite les instructions à l'écran et terminez l'installation et l'activation.

Importation de données

Une fois installé, vous pouvez importer vos données dans wpDataTables à partir de diverses sources . Certains des choix pour l'importation de données sont :

  • CSV
  • Exceller
  • Feuilles Google
  • JSON
  • Requêtes MySQL
  • Tableau PHP sérialisé
  • XML

Vous avez également toujours la possibilité de saisir vos données à la main dans wpDataTables ou de lier le plugin à une source de données en direct.

Cette fonctionnalité est très utile car vous pouvez créer des tableaux qui se mettent à jour automatiquement à chaque fois que vous chargez votre page. Vous pouvez également générer une requête personnalisée avec l'outil d'interface utilisateur graphique (GUI).

Comment créer une nouvelle table à partir des données

Vous pouvez créer une nouvelle table en accédant à wpDataTable et en cliquant sur Créer une table . Vous y verrez l'option Créer une table liée à une source de données existante . Cliquez sur cette option, puis sur Suivant .

Sur l'écran suivant, vous verrez différentes options sur la façon dont vous souhaitez importer vos données. Vous n'avez pas besoin de sélectionner l'un d'entre eux, mais certains d'entre eux peuvent être utiles.

Sous Affichage , vous pouvez sélectionner l'option Responsive Collapsing , qui est très utile sur les appareils dotés d'écrans plus petits. Vous pouvez modifier les barres de défilement, limiter la largeur du tableau, etc.

L'onglet Édition vous donne plus d'options pour l'édition frontale. Cela inclut l'impression, la copie et l'exportation de liens rapides. La bonne chose est que vous pouvez prévisualiser vos modifications en temps réel. Chaque fois que vous apportez une modification, vous devez cliquer sur Enregistrer ou Appliquer .

Utiliser de grands ensembles de données ? Pas de problème. Nous avons un traitement côté serveur

Si vous avez affaire à des ensembles de données volumineux et à la création de tables gigantesques avec de nombreuses pages, wpDataTables est le plugin WordPress dont vous avez besoin.

wpDataTables est un plugin puissant et flexible qui peut gérer facilement des tonnes de données. Sérieusement, je parle de milliers voire de millions de lignes !

  • Fatigué d'attendre que vos tables massives se chargent ?
  • Marre des tris et filtrages lents ?
  • Vous craignez que vos pages ne plantent en raison de données volumineuses ?

Pas plus! wpDataTables a votre dos. Il est construit avec une fonctionnalité fantastique appelée "Traitement côté serveur". Ce mauvais garçon prend tout le travail lourd de votre assiette et le délègue au serveur MySQL. Qu'est-ce que cela signifie pour vous? Ça veut dire:

  • Chargement plus rapide des pages
  • Filtrage et tri plus intelligents
  • Plus de plantage dû à de grands ensembles de données

Curieux de savoir comment c'est fait ? Regardez cette vidéo :

Maintenant, je sais ce que vous pensez : « Cela semble trop beau pour être vrai, n'est-ce pas ? » Mais laissez-moi vous dire que c'est aussi réel que possible.

Cette fonctionnalité est conçue sur mesure pour les personnes comme vous qui gèrent de grands ensembles de données et qui souhaitent une expérience fluide.

Choisir la bonne visualisation de données

Une fois vos données importées, vous pouvez commencer à penser à la visualisation des données. Pour ce faire, ouvrez l' assistant de création de graphique . Vous trouvez l'assistant après avoir ouvert wpDataTables sous Créer un graphique .

Tout d'abord, vous devez donner un nom à votre graphique pour le retrouver plus tard. Choisissez ensuite l'un des quatre moteurs de rendu graphique :

  1. Graphique.js
  2. Graphiques Google
  3. Highcharts
  4. ApexCharts

Choisir la bonne visualisation de données est très important. Différentes catégories de graphiques sont plus adaptées à différents types de données.

Tout d'abord, réfléchissez au point que vous voulez faire valoir avec vos données. Ce message doit être clair et visible. Cinq questions peuvent vous aider à déterminer ce que vous voulez faire :

  • S'il existe différents ensembles de données, quelle est la relation entre eux ?
  • Est-il nécessaire de mettre en évidence la distribution des données et d'identifier les valeurs aberrantes ?
  • Voulez-vous comparer des valeurs ? Si oui, souhaitez-vous comparer différents points de données ou souhaitez-vous suivre un point dans le temps ?
  • Y a-t-il des tendances intéressantes dans l'ensemble de données ?
  • L'étape de visualisation des données fait-elle partie de l'analyse des données ?

Lorsque vous connaissez la réponse à ces questions, vous êtes prêt à choisir le bon type de graphique pour votre projet.

Après avoir modifié votre graphique ou graphique, vous pouvez cliquer sur l'écran suivant et copier le code court pour la visualisation des données.

Vous êtes maintenant prêt à coller le shortcode dans le contenu de votre site Web. Enregistrez-le et vérifiez le devant pour voir à quoi il ressemble.

Dans wpDataTables, il existe une option très spéciale. Il vous permet de conserver vos tableaux, même si vous supprimez le plugin .

Si jamais vous choisissez de supprimer le plugin, vous retrouverez toujours vos tables dans la base de données.

Créer un graphique à partir d'un tableau

Approfondissons un peu la création de visualisation de données avec wpDataTables. Le plugin vous permet de créer des graphiques et des graphiques impressionnants et interactifs à partir de tout type de source de données. Vous pouvez utiliser des fichiers Excel, CSV, MySQL, JSON, etc.

Lorsque votre table est prête à être traitée, sélectionnez Graphiques puis cliquez sur Ajouter nouveau .

Donnez un titre au projet et choisissez la machine de rendu comme décrit ci-dessus. Vous pouvez choisir parmi Google Charts, Chart.js ou autres. Chaque moteur de rendu a ses caractéristiques, chacune avec ses avantages et ses inconvénients. Vous pouvez jouer et voir lequel convient le mieux à votre projet.

En outre, chaque moteur de rendu vous proposera différentes catégories de graphiques , tels que les barres, les colonnes, les aires et les lignes. Il y a un menu déroulant en haut où vous pouvez sélectionner le type de visualisation de données que vous souhaitez.

Formatage et aperçu

Maintenant, le plugin vous permettra de formater votre graphique ou votre graphique comme vous le souhaitez. Vous pouvez voir vos modifications immédiatement dans un panneau sur le côté droit de l'écran.

Vous remarquerez qu'il existe plusieurs catégories de mise en forme pour chaque élément de graphique ou de graphique. Le premier ensemble d'options vous permet de régler les éléments suivants :

  • Couleurs de fond
  • Couleur de la bordure
  • Rayon de bordure
  • Largeur de la bordure
  • Hauteur du graphique
  • Largeur du graphique
  • Tableau de groupe
  • Largeur réactive

Une autre catégorie de mise en forme est Série , où vous pouvez personnaliser les séries de données. Sous Axes , vous trouverez toutes les options liées à la disposition des axes du graphique. Vous pouvez personnaliser les axes X et Y indépendamment l'un de l'autre.

La catégorie suivante est Exportation . Vous pouvez autoriser les visiteurs de votre site Web à télécharger vos outils de visualisation de données dans différents formats :

  • CSV
  • JPG
  • PDF
  • PNG
  • SVG
  • XLS

La catégorie Barre d'outils n'est disponible que pour ApexCharts. Cette option vous permet d'autoriser les utilisateurs à télécharger les données de visualisation aux formats d'image vectorielle CSV, PNG et SVG.

Lorsque vous êtes satisfait de l'apparence de votre graphique ou graphique, vous pouvez l'enregistrer en cliquant sur le bouton Enregistrer le graphique . wpDataTables l'enregistrera dans la base de données WordPress. À ce stade, il générera également le shortcode pour vous.

Publiez le graphique sur votre site Web ou votre article de blog

Les anciennes versions utilisent l'éditeur WordPress classique. Mais vous pouvez également l'utiliser si vous travaillez avec WordPress 5+. Pour cela, vous devez télécharger et installer le plugin Classic Editor.

Dans l'éditeur classique, vous pouvez coller le shortcode généré par wpDataTable pour votre graphique. Un exemple de shortcode pourrait être :

 [ wpdatatable id=22 ]

Pour coller le code de la bonne manière, suivez ces étapes :

  1. Aller aux messages
  2. Cliquez sur Ajouter nouveau ou Pages
  3. Sélectionnez Ajouter nouveau
  4. Collez le shortcode dans le contenu de l'éditeur
  5. Mettre à jour ou publier votre page ou article de blog

Une autre façon de publier votre table consiste à utiliser le bouton wpDataTables dans l'éditeur. Cliquez sur le bouton pour sélectionner le graphique que vous souhaitez utiliser et cliquez sur Insérer .

L'éditeur Gutenberg est un autre outil de gestion de votre contenu. En fait, cela vous permet plus d'options pour votre graphique. Vous pouvez choisir le tableau que vous voulez et comment l'afficher, et vous pouvez définir des espaces réservés variables et exporter des noms de fichiers.

Il existe une intégration pour wpDataTables dans Divi Page Builder. Avec ce constructeur de pages, vous pouvez insérer des graphiques et des tableaux directement dans l'interface utilisateur de Divi.

Derniers mots sur la visualisation de grands ensembles de données avec wpDataTables

Extraire les bonnes informations du Big Data n'est pas facile, mais avec les bonnes techniques de visualisation des données, vous pouvez le faire. Cet article vous a montré comment convertir des données brutes en graphiques et tableaux attrayants. C'est une compétence nécessaire si vous avez besoin de visualiser de grands ensembles de données.

Ce plugin est très flexible. Alors essayez-le et voyez comment vous pouvez tirer le meilleur parti de données complexes en utilisant la visualisation des données. Vous remarquerez ce que la modification de quelques paramètres seulement peut faire pour votre présentation lors de la visualisation de grands ensembles de données.

Si vous avez apprécié la lecture de cet article sur la visualisation de grands ensembles de données, vous devriez également lire ceux-ci :

  • Ne manquez pas ces tendances de visualisation de données
  • Comment utiliser la visualisation dynamique des données pour mieux présenter les données
  • La visualisation de données interactive la plus impressionnante que vous trouverez en ligne