Les meilleurs plugins WordPress pour créer des tableaux et des graphiques (2020)

Si vous souhaitez ajouter une crédibilité supplémentaire à vos publications, plus vous pouvez fournir de données, mieux c'est.

Cependant, cela soulève la question de la meilleure façon de présenter ces données. Faire une liste interminable de vos chiffres et statistiques rend difficile la compréhension de votre message par les utilisateurs et, bien sûr, c'est ennuyeux! La plupart des gens trouvent que les données sont plus faciles à digérer lorsqu'elles sont présentées dans un format visuel, comme des graphiques et des tableaux.

Malgré l'élan que cela donne à votre autorité et à votre crédibilité, l'ajout de données visuelles à vos publications, graphiques et tableaux est quelque chose que la plupart des webmasters négligent. Lorsque vous affichez un graphique, il s'agit généralement d'une image insérée plutôt que dynamique.

Maintenant, l'utilisation d'une image fera toujours passer votre message, et c'est très bien si vous ne prévoyez jamais de mettre à jour vos données. Cependant, si les chiffres sont susceptibles de changer ou si vous prévoyez d'ajouter les derniers chiffres dès qu'ils seront disponibles, cette tactique ne fonctionnera tout simplement pas. Pour cela, vous devrez créer un graphique dynamique.

Heureusement, il existe un certain nombre d'excellents plug-ins disponibles pour simplifier le processus de création de diagrammes et de graphiques dynamiques. Si vous cherchez un moyen d'augmenter les ventes en incluant des données pour sauvegarder votre discours, consultez-les.

1. Graphiques WordPress – GRATUIT

Graphiques WordPress est une solution graphique facile à utiliser qui peut être téléchargée gratuitement. Utilisez Chart.js et HTML5 pour créer des graphiques animés.

Six graphiques sont disponibles: graphique circulaire, graphique circulaire, graphique polaire, graphique à barres, graphique linéaire et graphique radar, et vous pouvez les intégrer sur votre site Web à l'aide de codes courts ou d'un widget.

Vous trouverez la zone de shortcode dans le menu Média de votre zone d'administration WordPress. Un exemple de shortcode est fourni pour chaque type de graphique, et ci-dessous est une liste de dizaines d'attributs de shortcode qui peuvent être utilisés pour créer vos graphiques.

(Cliquer pour agrandir)

Les graphismes ont fière allure – ils se chargent rapidement et s'animent dès leur premier chargement, ce qui donne à votre page un aspect très professionnel.

Pour modifier n'importe quel aspect de votre graphique, il vous suffit de modifier les valeurs et les attributs du shortcode.

(Cliquer pour agrandir)

Si vous cherchez une solution graphique simple, Graphiques WordPress C'est une bonne option, car elle rend l'ajout de graphiques de base très facile.

Ceux d'entre vous qui cherchent à ajouter des graphiques plus complexes peuvent trouver le système de code court et le manque d'options un peu frustrants, je recommande donc de rechercher une solution plus avancée.

Téléchargement / Site officiel

2. Visualiseur – GRATUIT / £ 57-plus

Visualiseur est une solution polyvalente pour les graphiques et les tableaux de ThemeIsle.

Dans la version gratuite, vous pouvez créer des tableaux, des graphiques circulaires, des graphiques linéaires, des graphiques en aires, des graphiques géographiques, des graphiques à barres, des graphiques à colonnes et des graphiques à nuage de points.

Si vous utilisez le Éditeur WordPress classique, vous verrez un bouton pour Visualizer dans la barre d'outils; quand Gutenberg est utilisé, Visualizer sera disponible dans le menu de blocage principal. Assurez-vous que le mode "Visual Editor" est sélectionné dans les deux paramètres pour voir le bouton Visualizer.

(Cliquer pour agrandir)

Malheureusement, lors de l'utilisation de Gutenberg, je n'ai pas pu créer de nouveau graphique. J'ai dû passer à l'éditeur classique pour voir les graphiques disponibles.

Fait intéressant, vous pouvez insérer des graphiques que vous avez créés plus tôt lorsque Gutenberg est activé; vous ne pouvez tout simplement pas en créer de nouveaux.

(Cliquer pour agrandir)

Le passage à l'éditeur classique vous permet de voir toutes les options graphiques, y compris les options graphiques premium qui ne sont pas disponibles dans la version gratuite.

(Cliquer pour agrandir)

Les données peuvent être chargées pour votre tableau ou graphique à partir d'un fichier CSV. Vous pouvez le charger directement ou l'importer à partir d'une URL.

(Cliquer pour agrandir)

Un Version premium du visualiseur Il est disponible à partir de 57 £ par an. Ajoutez quatre autres types de graphiques: indicateur, bougie, chronologie et combo.

L'une des meilleures fonctionnalités de la version premium est la possibilité de créer des graphiques à partir de publications, de pages et d'autres types de publications personnalisées. Des options supplémentaires sont également disponibles pour les graphiques et ajoutent des fonctionnalités pour créer des graphiques privés et pour les utilisateurs de modifier des graphiques.

Alors que la version premium de Visualiseur Il ajoute de nombreuses options utiles, je pense que la plupart des utilisateurs de WordPress seront satisfaits des fonctionnalités disponibles dans la version gratuite.

Téléchargement / Site officiel

3. Graphiques faciles: GRATUIT

Graphiques simples est une solution graphique gratuite qui a été développée en utilisant Bibliothèque Javascript uvCharts.

Il existe un total de 12 types de graphiques disponibles: graphique à barres, graphique à barres empilées, graphique à barres à grossissement, graphique à barres en pourcentage, graphique en aires, graphique en zones empilées, graphique en pourcentage, graphique en courbes, graphique à secteurs , graphique en anneau, graphique de la zone polaire et graphique en cascade.

Les graphiques sont ajoutés en tant que type de publication personnalisé et vous ajoutez des données via un tableau personnalisable qui vous permet de modifier facilement les formes. Des colonnes et des lignes peuvent être ajoutées en un seul clic.

Un code court s'affiche pour votre graphique. Cependant, si vous préférez, vous pouvez insérer des graphiques à l'aide du bouton Graphiques simples sur la page de l'éditeur et en sélectionnant simplement celui que vous souhaitez insérer.

(Cliquer pour agrandir)

Tant que vous avez enregistré vos données, vous pouvez voir un aperçu de votre graphique.

En modifiant le type de graphique dans la zone des paramètres, puis en enregistrant à nouveau votre graphique, vous pouvez voir à quoi ressemblent vos données dans les 12 types de graphiques.

(Cliquer pour agrandir)

Le nombre d'options de personnalisation disponibles dans Easy Charts est incroyable. Tous les aspects de votre graphique peuvent être modifiés, que ce soit le style, les marges, les étiquettes, la typographie ou les sous-titres.

(Cliquer pour agrandir)

Aucune zone de paramètres généraux n'est disponible pour les graphiques faciles, mais page d'information détaillant des fonctionnalités telles que la possibilité pour les utilisateurs de télécharger des graphiques sous forme d'images.

Avec des tonnes d'options, 12 types de graphiques et divers schémas de couleurs prédéfinis, Graphiques simples C'est un excellent choix.

Téléchargement / Site officiel

4. Graphiques WordPress et graphiques – GRATUIT

Développé avec HTML5, le Javascript Framework Vue.js y Chart.js, Tableaux et graphiques WordPress c'est une solution simple qui prend en charge huit types de graphiques.

Les types de graphiques disponibles sont le graphique circulaire, le graphique circulaire, le graphique polaire, le graphique à barres, le graphique linéaire, le graphique radar, le graphique à bulles et le graphique à nuage de points.

Si l'éditeur classique est activé, vous verrez un bouton "Insérer un graphique" dans la barre d'outils de l'éditeur. Malheureusement, lorsque Gutenberg est actif, aucun bloc n'est disponible pour les graphiques et graphiques WordPress. Évidemment, c'est un problème qui doit être résolu car Gutenberg est actif par défaut dans WordPress maintenant.

(Cliquer pour agrandir)

Lorsque vous cliquez sur le bouton "Insérer un graphique", vous serez invité à ajouter un graphique. Ensuite, vous pouvez sélectionner le type de graphique que vous souhaitez utiliser.

(Cliquer pour agrandir)

J'adore la façon dont le plugin vous permet d'ajouter des données à un graphique. Chaque fois que vous ajoutez des données, définissez des étiquettes ou changez de couleur, les modifications sont immédiatement mises à jour dans l'aperçu du graphique sur le côté droit. En ce sens, il fonctionne de manière similaire au personnalisateur WordPress.

Lorsque vous avez terminé, le graphique sera inséré dans votre zone de contenu via un code court. Vous pouvez revenir en arrière et modifier vos graphiques à tout moment en cliquant à nouveau sur le bouton "Insérer un graphique". Une liste de vos graphiques créés y sera affichée.

(Cliquer pour agrandir)

Tableaux et graphiques WordPress est une bonne alternative à Graphiques WordPress. Il s'agit d'un plugin de base qui ne vous permet pas de modifier le type de graphiques que vous avez créés, ni de charger des données via des fichiers CSV.

Malgré ces limitations, il est facile de recommander des graphiques et des graphiques WordPress à tous ceux qui souhaitent simplement ajouter des graphiques et des graphiques simples à leur contenu. J'espère qu'ils ajouteront un soutien à Gutenberg à l'avenir.

Téléchargement / Site officiel

5. Graphiques réactifs – 16 $

Graphiques réactifs est une solution graphique abordable qui vous permet de créer sept types de graphiques animés.

Tous les graphiques sont créés avec Charts.js. Les sept types de graphiques sont le graphique circulaire, le graphique circulaire, le graphique à barres, le graphique linéaire, le graphique polaire, le graphique radar et les barres de progression de démarrage.

Les graphiques peuvent être insérés dans votre contenu en utilisant des shortcodes, ou directement dans des modèles de page en utilisant PHP. Dans la zone des paramètres du graphique, vous pouvez nommer votre graphique, sélectionner le type de graphique et définir la largeur du graphique.

Il y a une grande zone de réglage de style avec des dizaines d'options également. De là, vous pouvez modifier les marges, le remplissage, la police et les couleurs.

(Cliquer pour agrandir)

Les données peuvent être insérées manuellement en bas de la page dans plusieurs ensembles de données.

Si vous préférez, vous pouvez télécharger des données directement via un fichier CSV. Un modèle CSV est fourni pour vous aider à voir comment les données peuvent être organisées avant le chargement.

(Cliquer pour agrandir)

Malheureusement, il n'y a aucun moyen de prévisualiser votre graphique lors de sa création. Vous devez insérer le shortcode dans votre zone de contenu pour prévisualiser et voir les modifications que vous avez apportées.

Heureusement, les graphiques intégrés à votre site Web ont fière allure.

(Cliquer pour agrandir)

Bien qu'il ne puisse pas être téléchargé gratuitement, à 16 $ Graphiques réactifs C'est une solution assez abordable. Il possède de nombreuses options de style utiles et vous permet de charger de grandes quantités de données à l'aide de fichiers CSV.

Assurez-vous découvrez la démo de Responsive Graphics Manager pour mieux comprendre ce que le plugin peut faire.

Téléchargement / Site officiel

6. amCharts: Graphiques et cartes – GRATUIT

Par rapport aux autres plugins de cet article, amCharts: graphiques et cartes Il est plus destiné aux utilisateurs avancés de WordPress qu'aux débutants. Le plugin a été développé par le service de graphisme et de cartes Javascript, amCharts.

Il existe neuf types de graphiques disponibles: graphique XY, graphique circulaire, graphique en tranches, graphique sankey, graphique radar, graphique de jauge, graphique d'accords, treemap et carte.

Dans la zone de configuration du plugin, vous pouvez choisir si les ressources sont stockées à distance ou localement. Vous pouvez également ajouter des ressources personnalisées à la longue liste existante de bibliothèques Javascript.

(Cliquer pour agrandir)

Pour chaque type de graphique, vous pouvez définir les bibliothèques de ressources Javascript, HTML et Javascript par défaut utilisées. Ces paramètres seront utilisés comme point de départ pour tout nouveau graphique sélectionné. Ensuite, vous pouvez modifier les données comme bon vous semble.

(Cliquer pour agrandir)

Une fois que vous savez comment cela fonctionne, vous apprécierez la puissance des amCharts.

Vous pouvez modifier un graphique d'un type à un autre à tout moment, mais notez que lorsque vous effectuez cette opération, toutes les données de la zone de ressources, de la zone HTML et de la zone Javascript reviendront aux paramètres que vous avez définis sur la page de configuration de la plugin principal pour ce type de graphique particulier.

(Cliquer pour agrandir)

Découvrez amCharts: graphiques et cartes si vous êtes un utilisateur avancé qui souhaite avoir plus de contrôle sur les bibliothèques Javascript utilisées.

Si vous utilisez le service principal amCharts, vous devriez également consulter le Intégrer amCharts Plugin WordPress de Rami Yushuvaev, qui vous permet d'incorporer les graphiques que vous avez créés avec le plugin.

Téléchargement / Site officiel

7. Graphique M – GRATUIT

Lettre M est un plugin WordPress gratuit qui vous permet d'utiliser Chart.js ou Highcharts bibliothèques

La page des paramètres généraux vous permet de décider si les graphiques sont prévisualisés et si l'intégration à distance des graphiques est autorisée.

Il n'y a que quatre types de graphiques disponibles: graphique linéaire, graphique à colonnes, graphique à barres et graphique circulaire.

(Cliquer pour agrandir)

Les données peuvent être facilement incluses dans votre graphique en ajoutant ses valeurs à un tableau. Double-cliquez simplement sur une cellule, puis entrez vos coordonnées.

Si vous préférez, vous pouvez télécharger des données à l'aide d'un fichier CSV.

Il existe également une option pour exporter des données graphiques vers un fichier CSV. C'est une excellente fonctionnalité, et quelque chose manque dans la plupart des autres plugins graphiques.

(Cliquer pour agrandir)

Un aperçu de votre graphique s'affiche sous la section des données. Lorsque vous modifiez le type de graphique dans la section située sous la zone d'aperçu, l'aperçu est automatiquement mis à jour.

(Cliquer pour agrandir)

Vous pouvez définir la hauteur de votre graphique et vous pouvez choisir d'afficher une légende.

Pour chaque axe, ajoutez un titre et sélectionnez une unité. Vous pouvez sélectionner parmi des dizaines de types d'unités, notamment la distance, la devise, le trafic sur le site Web, etc.

(Cliquer pour agrandir)

Lettre M est une excellente solution graphique gratuite. Il est facile d'ajouter des données et d'insérer des graphiques complets dans votre contenu à l'aide de codes courts.

Cependant, je pense qu'il n'a que quatre types, vous voudrez peut-être d'abord chercher des solutions graphiques alternatives.

Téléchargement / Site officiel

8. UberChart – 30 $

Au détail pour 30 $, UberChart est une solution graphique avancée qui offre 240 options personnalisables par graphique et 30 options personnalisables par ensemble de données.

Il existe un total de dix types de graphiques disponibles: graphiques linéaires, graphiques à secteurs, graphiques à barres, graphiques à barres horizontales, graphiques circulaires, graphiques à anneaux, graphiques radar, graphiques à zones polaires, graphiques à nuages ​​de points et graphiques à bulles .

Tout graphique que vous créez peut facilement être modifié ultérieurement en cliquant sur un bouton. Vous pouvez également dupliquer des graphiques et les utiliser comme modèle pour de nouveaux graphiques.

(Cliquer pour agrandir)

Les données peuvent être importées via un fichier CSV ou copiées et collées directement dans la zone de données à partir d'un tableur tel qu'Excel.

Il existe de nombreuses options de style, notamment le remplissage, les marges, les couleurs, la longueur du rayon, etc. Un aperçu de votre graphique s'affiche au cœur de la page des paramètres.

(Cliquer pour agrandir)

De nombreux utilisateurs utiliseront uniquement les paramètres de style par défaut, mais si vous souhaitez personnaliser vos dispositions graphiques, vous pouvez tout changer, des info-bulles et des titres aux légendes graphiques.

(Cliquer pour agrandir)

Avec des centaines d'options, une bonne sélection de types graphiques et la prise en charge de plusieurs langues et de WordPress multi-sites, UberChart c'est l'une des meilleures solutions graphiques disponibles aujourd'hui.

Passez en revue le Page d'exemples UberChart pour voir la qualité des tableaux et des graphiques qui peuvent être créés avec le plugin.

Téléchargement / Site officiel

9. WP Charts and Charts – GRATUIT

Le dernier sur notre liste est le plugin gratuit Tableaux et graphiques WP. Ce plugin de base prend en charge six types de graphiques: graphique circulaire, graphique polaire, graphique en anneau, graphique linéaire, graphique à barres et graphique radar.

Il vous suffit d'ajouter des titres et leurs données correspondantes, puis de cliquer sur le bouton Générer.

(Cliquer pour agrandir)

Lorsque vous cliquez sur le bouton Générer, un aperçu de votre graphique s'affiche avec le shortcode que vous devez insérer sur votre page pour afficher le graphique.

Vous pouvez apporter des modifications rapides à votre graphique ultérieurement en modifiant simplement les valeurs dans le shortcode.

(Cliquer pour agrandir)

Tableaux et graphiques WP c'est manifestement basique. Il n'y a pas de page de configuration dédiée, il n'y a pas de page listant les graphiques créés précédemment et il n'y a aucun moyen de changer les couleurs utilisées.

Si vous pouvez accepter l'ensemble limité d'options de personnalisation proposées, vous apprécierez la rapidité et la facilité d'utilisation du plugin.

Téléchargement / Site officiel

Mentions honorables

Plusieurs plugins WordPress n'étaient pas inclus dans cette liste.

Bien que je considère que les plugins mentionnés ci-dessus sont généralement meilleurs, j'apprécie que la situation de chacun soit différente, donc vous voudrez peut-être voir certaines des solutions qui n'ont pas été retenues.

Graphiques Ninja y Infogramme Il y a deux solutions auxquelles vous voudrez peut-être vous référer. Ils n'ont pas fait la coupe finale car vous devez vous inscrire auprès d'un service externe pour les utiliser.

Je pense qu'il est préférable de stocker des graphiques dans votre propre base de données WordPress, donc j'étais réticent à inclure une solution qui reposait sur un service tiers pour fonctionner. Cependant, si cela ne vous dérange pas d'utiliser un service externe, je vous recommande fortement de les vérifier.

(Cliquer pour agrandir)

Un plugin WordPress que j'ai aimé était iChart. Il s'agit d'une solution graphique simple qui propose six types de graphiques: graphiques linéaires, graphiques à barres, graphiques radar, graphiques de zone polaire, graphiques circulaires et graphiques en anneau.

Une autre solution décente est Chartli. Avec un prix de détail de 25 $, c'est l'un des plugins de graphiques et de plugins les plus élégants disponibles pour WordPress, et propose 15 types de graphiques.

Malheureusement, aucun de ces plugins ne vous permet de modifier des tableaux ou des graphiques après les avoir créés, et vous ne pouvez même pas modifier les données via le shortcode.

Pour cette raison, il est difficile de les recommander, car des erreurs se produiront inévitablement pendant la phase de création du graphique.

(Cliquer pour agrandir)

Si vous utilisez Gravity Forms, consultez MaxiCharts. Le plugin peut être utilisé pour créer des graphiques à partir de soumissions de formulaires et de fichiers CSV.

Les Gravure de graphiques Le plugin vous permet de créer des extraits de code graphique à partir de bibliothèques Javascript populaires. Les utilisateurs avancés peuvent trouver cela utile, mais ce n'est pas facile à utiliser pour les utilisateurs débutants ou intermédiaires.

Si vous cherchez principalement à créer des tableaux, puis à les compléter avec des tableaux et des graphiques, plusieurs options sont disponibles.

TablePress, qui est la solution de table WordPress la plus populaire, a une extension disponible appelée Extension de lettre qu'utilisez-vous Chartist.js pour créer des graphiques réactifs à partir de vos tableaux.

Les Version Pro de Générateur de table de données par Supsystic, qui coûte 39 $, ajoute la possibilité de créer des graphiques et des diagrammes à partir de vos données de table. C'est un moyen efficace d'améliorer vos tables existantes.

Réflexions finales

Je vous recommande fortement d'essayer les plugins de graphiques et de graphiques détaillés dans cet article, et je ne doute pas que vous serez agréablement surpris de leur facilité d'utilisation.

Si vous cherchez un moyen d'ajouter des tableaux et des graphiques de base à votre site Web, je vous recommande fortement d'utiliser Graphiques WordPress, Tableaux et graphiques WordPress ou Tableaux et graphiques WP.

Visualiseur Il est également facile de le recommander. Il est aussi facile à utiliser que les solutions mentionnées ci-dessus, mais il vous permet également d'importer des données via des fichiers CSV.

Les utilisateurs avancés trouveront amCharts: graphiques et cartes utile, mais d'autres devraient l'éviter.

Si les options de style et la personnalisation sont une priorité pour vous, je vous recommande d'utiliser Graphiques simples ou UberChart. Étant donné que Easy Charts est 100% gratuit à télécharger et à utiliser, c'est celui que je vous recommande de voir en premier.

Comme toujours, faites autant de tests que possible avant de choisir une solution pour votre site Web en direct. Pour vous aider, je vous recommande de rechercher des sites Web qui proposent exemples de fichiers CSV. Ces exemples de fichiers peuvent vous aider à remplir des tableaux et des graphiques avec des exemples d'informations pour mieux comprendre ce que les plugins peuvent faire.