Catégories

← View All Tools

Générateur de Compteur

Générer des compteurs personnalisables à partir de données, parfait pour afficher les KPI, métriques et indicateurs de performance

Données pour le graphique compteur. Supporte valeur unique, valeurs multiples ou format de tableau JSON

Titre qui sera affiché au-dessus du graphique

Couleurs pour les zones du compteur (couleurs hex séparées par des virgules, typiquement 3 couleurs pour vert-jaune-rouge)

Taille de chaque compteur en pixels (pour plusieurs compteurs, affecte la taille individuelle)

Valeur minimale pour l'échelle du compteur

Valeur maximale pour l'échelle du compteur

Angle de départ en degrés (-90 = gauche, 0 = haut, 90 = droite)

Angle de fin en degrés

Couleur de fond pour le conteneur du graphique

Afficher la valeur réelle au centre du compteur

Afficher l'étiquette sous le compteur

Afficher les graduations et valeurs d'échelle autour du compteur

Afficher les zones colorées (vert-jaune-rouge) sur le compteur

Animer le mouvement de l'aiguille lorsque le graphique se charge

Afficher la valeur de pourcentage avec la valeur réelle

Points clés

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

Vue d’ensemble

Le générateur de compteur est un outil de visualisation de données intuitif permettant de transformer vos chiffres en graphiques de type tachymètre. Idéal pour les tableaux de bord, il offre une lecture instantanée de vos KPI, métriques de performance et indicateurs clés grâce à une interface entièrement personnalisable.

Quand l’utiliser

  • •Pour visualiser rapidement le taux d'atteinte d'un objectif ou d'un KPI.
  • •Pour intégrer des indicateurs de performance clairs dans vos rapports ou présentations.
  • •Pour comparer plusieurs métriques côte à côte avec une échelle uniforme.

Comment ça marche

  • •Saisissez vos données sous forme de liste ou au format JSON dans le champ dédié.
  • •Ajustez les paramètres de l'échelle, tels que les valeurs minimales et maximales.
  • •Personnalisez l'apparence visuelle avec les couleurs, le style d'aiguille et les options d'affichage.
  • •Générez et visualisez votre graphique en temps réel pour l'exporter ou l'intégrer.

Cas d’usage

Suivi mensuel des objectifs de vente par équipe.
Affichage du taux de satisfaction client en temps réel.
Monitoring de la progression de projets de développement.

Exemples

1. Suivi des objectifs de vente

Responsable commercial
Contexte
Le responsable doit présenter les résultats de vente mensuels à la direction.
Problème
Les chiffres bruts sont difficiles à interpréter rapidement lors d'une réunion.
Comment l’utiliser
Saisir les données de vente, définir une valeur max de 100 et activer l'affichage des zones de couleur.
Configuration d’exemple
chartData: 'Ventes:85', minValue: 0, maxValue: 100, gaugeColors: '#10b981,#f59e0b,#ef4444'
Résultat
Un compteur clair affiche 85% avec une aiguille positionnée dans la zone verte, facilitant la prise de décision.

2. Tableau de bord de performance technique

Développeur
Contexte
Surveillance de la disponibilité des serveurs et des temps de réponse.
Problème
Besoin d'une visualisation simple pour identifier les pics de latence.
Comment l’utiliser
Utiliser le format JSON pour importer plusieurs métriques de serveurs différents.
Configuration d’exemple
chartData: '[{"label": "Serveur A", "value": 45}, {"label": "Serveur B", "value": 92}]', chartSize: 250
Résultat
Deux compteurs côte à côte permettent de comparer instantanément la charge des serveurs.

Tester avec des échantillons

json, video
Exemples Avancés d'Application Grafana
Exemples complets de Grafana couvrant le design avancé de tableaux de bord, la configuration d'alertes, l'intégration de sources de données et le développement de plugins
preferred input family json
json
Exemples de Communication Temps Réel WebRTC
Exemples complets WebRTC pour communication audio/vidéo P2P, canaux de données, partage d'écran et serveur de signalisation
preferred input family json
json
Exemples New Relic APM
Configuration complète New Relic Application Performance Monitoring incluant instrumentation, dashboards et alerting
preferred input family json
json
Exemples PDF
Exemples PDF generes par les outils du 2026-02-01 au 2026-02-10
preferred input family json
json

Hubs associés

Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Video pour Convert
Découvrez 36 outils video pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Json
Découvrez 43 outils json pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Json pour Generate
Découvrez 33 outils json pour des workflows de generate et comparez rapidement des utilitaires proches.

FAQ

Quels formats de données sont acceptés ?

Vous pouvez saisir des valeurs uniques, des listes de paires label:valeur ou un tableau JSON structuré.

Puis-je personnaliser les couleurs des zones ?

Oui, vous pouvez définir des couleurs hexadécimales personnalisées pour représenter différentes zones de performance.

Est-il possible d'animer l'aiguille ?

Oui, une option d'animation est disponible pour rendre le chargement du graphique plus dynamique.

Puis-je afficher plusieurs compteurs simultanément ?

Oui, en saisissant plusieurs lignes de données, l'outil génère automatiquement plusieurs compteurs.

Les graduations sont-elles obligatoires ?

Non, vous pouvez choisir d'afficher ou de masquer les graduations et les valeurs d'échelle selon vos besoins.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/gauge-chart-generator

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données pour le graphique compteur. Supporte valeur unique, valeurs multiples ou format de tableau JSON
chartTitle text Non Titre qui sera affiché au-dessus du graphique
needleStyle select Non -
gaugeColors text Non Couleurs pour les zones du compteur (couleurs hex séparées par des virgules, typiquement 3 couleurs pour vert-jaune-rouge)
chartSize number Non Taille de chaque compteur en pixels (pour plusieurs compteurs, affecte la taille individuelle)
minValue number Non Valeur minimale pour l'échelle du compteur
maxValue number Non Valeur maximale pour l'échelle du compteur
startAngle number Non Angle de départ en degrés (-90 = gauche, 0 = haut, 90 = droite)
endAngle number Non Angle de fin en degrés
backgroundColor color Non Couleur de fond pour le conteneur du graphique
showValue checkbox Non Afficher la valeur réelle au centre du compteur
showLabel checkbox Non Afficher l'étiquette sous le compteur
showTicks checkbox Non Afficher les graduations et valeurs d'échelle autour du compteur
showZones checkbox Non Afficher les zones colorées (vert-jaune-rouge) sur le compteur
animated checkbox Non Animer le mouvement de l'aiguille lorsque le graphique se charge
showPercentage checkbox Non Afficher la valeur de pourcentage avec la valeur réelle

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-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Générer des compteurs personnalisables à partir de données, parfait pour afficher les KPI, métriques et indicateurs de performance",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
      "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]