Catégories

Générateur de Graphique en Barres de Comparaison

Générer des graphiques en barres dos à dos pour la comparaison de valeurs positives et négatives, parfait pour contraster des ensembles de données

Données pour le graphique de comparaison. Supporte le tableau JSON ou le format texte simple étiquette|valeurGauche|valeurDroite

Titre qui sera affiché au-dessus du graphique

Couleur pour les barres gauches (la couleur des barres droites vient du schéma de couleurs)

Étiquette pour le côté gauche du graphique

Étiquette pour le côté droit du graphique

Hauteur du graphique en pixels

Largeur maximale des barres en pixels

Valeur maximale pour l'échelle du graphique (laissez vide pour auto)

Valeur minimale pour l'échelle du graphique

Durée de l'animation des barres en millisecondes

Couleur de fond pour le conteneur du graphique

Couleur pour les lignes de grille

Afficher les lignes de grille pour une meilleure lisibilité

Afficher les valeurs sur les barres

Afficher une légende sous le graphique

Points clés

Catégorie
Data Visualization
Types d’entrée
textarea, text, select, color, number, checkbox
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Générateur de Graphique en Barres de Comparaison permet de créer facilement des visualisations dos à dos pour contraster deux ensembles de données, facilitant ainsi l'analyse comparative de valeurs positives et négatives.

Quand l’utiliser

  • Pour comparer les performances de deux produits ou catégories côte à côte.
  • Pour visualiser des données démographiques sous forme de pyramide des âges.
  • Pour mettre en évidence les écarts entre des prévisions et des résultats réels.

Comment ça marche

  • Saisissez vos données au format JSON ou via le format texte simple étiquette|valeurGauche|valeurDroite.
  • Personnalisez l'apparence du graphique en ajustant les couleurs, les étiquettes et les dimensions.
  • Configurez les options d'affichage comme la grille, les valeurs numériques et la légende pour optimiser la lisibilité.
  • Générez instantanément votre graphique personnalisé prêt à être intégré dans vos rapports.

Cas d’usage

Analyse comparative des ventes entre deux régions géographiques.
Visualisation des écarts budgétaires entre les dépenses prévues et réelles.
Comparaison des résultats d'enquêtes de satisfaction client avant et après une mise à jour.

Exemples

1. Comparaison des ventes par produit

Analyste commercial
Contexte
L'analyste doit présenter les performances de vente de trois produits phares sur deux trimestres différents.
Problème
Il est difficile de comparer visuellement les deux périodes sur un tableau standard.
Comment l’utiliser
Saisir les données des produits avec leurs valeurs respectives pour le T1 et le T2, puis sélectionner le schéma de couleurs 'business'.
Configuration d’exemple
[{"label": "Produit A", "leftValue": 65, "rightValue": 85}, {"label": "Produit B", "leftValue": 45, "rightValue": 75}, {"label": "Produit C", "leftValue": 80, "rightValue": 60}]
Résultat
Un graphique clair montrant l'évolution des ventes pour chaque produit, permettant une lecture immédiate de la progression.

2. Pyramide des âges

Responsable RH
Contexte
Le responsable RH souhaite analyser la répartition par âge des employés pour anticiper les départs à la retraite.
Problème
Besoin d'une vue bilatérale pour comparer la répartition hommes/femmes par tranche d'âge.
Comment l’utiliser
Utiliser le format texte pour lister les tranches d'âge avec le nombre d'hommes à gauche et de femmes à droite.
Configuration d’exemple
18-25|12|15
26-35|45|50
36-45|30|25
Résultat
Un graphique en pyramide permettant d'identifier rapidement les déséquilibres dans la structure des effectifs.

Tester avec des échantillons

json, text

Hubs associés

FAQ

Quels formats de données sont acceptés ?

L'outil accepte soit un tableau JSON structuré, soit un format texte simple avec des barres verticales comme séparateurs.

Puis-je modifier les couleurs des barres ?

Oui, vous pouvez définir une couleur spécifique pour les barres gauches et choisir un schéma de couleurs prédéfini pour l'ensemble du graphique.

L'outil gère-t-il les valeurs négatives ?

Absolument, le graphique est conçu pour comparer des valeurs positives et négatives de manière symétrique.

Est-il possible de définir une échelle personnalisée ?

Oui, vous pouvez spécifier manuellement les valeurs minimales et maximales pour contrôler l'échelle de l'axe.

Le graphique est-il animé ?

Oui, vous pouvez régler la durée de l'animation des barres lors du chargement du graphique en millisecondes.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/comparison-bar-chart

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données pour le graphique de comparaison. Supporte le tableau JSON ou le format texte simple étiquette|valeurGauche|valeurDroite
chartTitle text Non Titre qui sera affiché au-dessus du graphique
colorScheme select Non -
barColor color Non Couleur pour les barres gauches (la couleur des barres droites vient du schéma de couleurs)
leftLabel text Non Étiquette pour le côté gauche du graphique
rightLabel text Non Étiquette pour le côté droit du graphique
chartHeight number Non Hauteur du graphique en pixels
barWidth number Non Largeur maximale des barres en pixels
maxValue number Non Valeur maximale pour l'échelle du graphique (laissez vide pour auto)
minValue number Non Valeur minimale pour l'échelle du graphique
animationDuration number Non Durée de l'animation des barres en millisecondes
backgroundColor color Non Couleur de fond pour le conteneur du graphique
gridColor color Non Couleur pour les lignes de grille
showGrid checkbox Non Afficher les lignes de grille pour une meilleure lisibilité
showValues checkbox Non Afficher les valeurs sur les barres
showLegend checkbox Non Afficher une légende sous le graphique

Format de réponse

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-comparison-bar-chart": {
      "name": "comparison-bar-chart",
      "description": "Générer des graphiques en barres dos à dos pour la comparaison de valeurs positives et négatives, parfait pour contraster des ensembles de données",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=comparison-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]