# Graphique d'Anneau de Progrès Créer de beaux indicateurs de progrès circulaires avec des animations, parfaits pour afficher des pourcentages, des taux d'achèvement et des métriques de progrès > Page canonique: https://elysiatools.com/fr/tools/progress-ring-chart - **Catégorie:** Data Visualization - **Mots-clés:** anneau de progrès, progrès circulaire, pourcentage, graphique en beignet, indicateur de progrès, taux d'achèvement, jauge circulaire ## Présentation Créez des indicateurs de progrès circulaires élégants et animés pour visualiser vos données, taux d'achèvement et pourcentages de manière intuitive et professionnelle. ## Entrées - **Données de Progrès** (textarea): Valeurs de progrès (0-100). Supporte le tableau JSON avec étiquettes, paires simples étiquette:valeur ou juste des valeurs - **Titre du Graphique** (text): Titre qui sera affiché au-dessus du graphique - **Taille de l'Anneau** (number): Taille de chaque anneau de progrès en pixels - **Épaisseur de l'Anneau** (number): Épaisseur du trait de l'anneau de progrès - **Angle de Départ** (number): Angle de départ en degrés (-90 = haut, 0 = droite, 90 = bas, 180 = gauche) - **Schéma de Couleurs** (select): Sélectionner le schéma de couleurs - **Couleurs Personnalisées** (text): Couleurs personnalisées pour les anneaux de progrès (couleurs hex séparées par des virgules) - **Durée d'Animation** (number): Durée de l'animation de progrès en millisecondes - **Couleur de Fond** (color): Couleur de fond pour le conteneur du graphique - **Afficher le Pourcentage** (checkbox): Afficher la valeur de pourcentage au centre de chaque anneau - **Afficher l'Étiquette** (checkbox): Afficher l'étiquette sous chaque anneau de progrès - **Animé** (checkbox): Animer les anneaux de progrès lorsqu'ils se chargent ## Quand l'utiliser - Pour visualiser le taux d'avancement d'un projet ou d'une tâche spécifique. - Pour présenter des KPIs ou des métriques de performance dans un tableau de bord. - Pour enrichir vos rapports avec des éléments visuels dynamiques et faciles à interpréter. ## Fonctionnement - Saisissez vos données sous forme de liste, de paires étiquette:valeur ou au format JSON. - Personnalisez l'apparence en ajustant l'épaisseur, la taille et le schéma de couleurs des anneaux. - Configurez les options d'affichage comme le pourcentage central ou les étiquettes textuelles. - Générez votre graphique animé instantanément pour l'intégrer à vos supports. ## Cas d'usage - Suivi des objectifs de vente mensuels par équipe. - Affichage du taux de complétion de profils utilisateurs sur une plateforme. - Visualisation de l'avancement des étapes d'un projet de développement. ## Questions fréquentes ### Quels formats de données sont acceptés ? L'outil accepte des valeurs simples (0-100), des paires étiquette:valeur, ou un tableau JSON structuré. ### Puis-je personnaliser les couleurs ? Oui, vous pouvez choisir parmi des schémas prédéfinis ou définir vos propres couleurs via des codes hexadécimaux. ### L'animation est-elle obligatoire ? Non, vous pouvez désactiver l'option 'Animé' dans les paramètres si vous préférez une vue statique. ### Quelle est la taille maximale d'un anneau ? La taille de l'anneau peut être ajustée entre 100 et 400 pixels selon vos besoins d'affichage. ### Puis-je afficher plusieurs anneaux en même temps ? Oui, en saisissant plusieurs entrées dans le champ de données, l'outil générera automatiquement une série d'anneaux. ## Outils associés - [Graphique d'Étoiles de Notation](https://elysiatools.com/fr/tools/rating-star-chart): Créer de belles visualisations de notation par étoiles pour les produits, services et analyses de feedback utilisateur - [Générateur de Graphique en Rose](https://elysiatools.com/fr/tools/rose-chart): Générer de beaux graphiques en rose de Nightingale (graphiques en épi) pour visualiser les données à travers angle et surface, parfait pour les analyses comparatives et la présentation de données historiques - [Générateur de Graphique en Flux](https://elysiatools.com/fr/tools/stream-graph-generator): Générer de beaux graphiques en flux pour données de séries temporelles avec animations fluides et variations de ligne de base - [Générateur de Frise Chronologique](https://elysiatools.com/fr/tools/timeline-generator): Générer des frises chronologiques belles et interactives à partir de données d'événements avec diverses mises en page et styles - [Générateur de Graphique en Barres de Comparaison](https://elysiatools.com/fr/tools/comparison-bar-chart): 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 - [Générateur de Data URI](https://elysiatools.com/fr/tools/data-uri-generator): Convertit les fichiers en Data URI (Base64 ou pourcentage-encodé) pour intégrer images, polices et ressources directement dans HTML, CSS ou Markdown - [Générateur de Graphique en Donut](https://elysiatools.com/fr/tools/donut-chart-generator): Générer des graphiques en donut personnalisables à partir de données avec diverses options de style, parfait pour montrer les proportions avec un espace central - [Générateur de Graphique en Entonnoir](https://elysiatools.com/fr/tools/funnel-chart-generator): Générer des graphiques en entonnoir personnalisables à partir de données, parfait pour montrer les taux de conversion, les pipelines de vente et les flux de processus ## Exemples - [Exemples Avancés d'Application Grafana](https://elysiatools.com/fr/samples/grafana-samples): 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 - [Exemples de Codes QR](https://elysiatools.com/fr/samples/qrcode-samples): Images de codes QR d'exemple pour tester les outils de lecture et de génération de codes QR - [Exemples D3.js Data Visualization](https://elysiatools.com/fr/samples/d3js-data-visualization): Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives - [Exemples Toolchain JavaScript Rome](https://elysiatools.com/fr/samples/rome): Exemples de toolchain JavaScript Rome incluant configuration, linting, formatting, bundling et gestion de projets ## Contenu associé - [Générateurs de graphiques et de diagrammes](https://elysiatools.com/fr/hubs/chart-diagram-generators): Choisissez une visualisation pour rendre comparaisons, distributions, hiérarchies, relations et échéances lisibles.