# Générateur de Graphique d'Intervalle

Créer des graphiques d'intervalles pour visualiser les plages de valeurs min-max avec marqueurs de médiane et détection de valeurs aberrantes

> Page canonique: https://elysiatools.com/fr/tools/range-chart-generator

- **Catégorie:** Data Visualization

- **Mots-clés:** graphique d'intervalles, graphique min-max, barres d'erreur, intervalle de confiance, fluctuation de prix, plage de température

## Présentation

Le Générateur de Graphique d'Intervalle est un outil de visualisation de données conçu pour représenter clairement les plages de valeurs min-max, facilitant ainsi l'analyse des variations, des médianes et des valeurs aberrantes au sein de vos jeux de données.

## Entrées

- **Titre du Graphique** (text): Titre qui sera affiché au-dessus du graphique d'intervalles
- **Plages de Données** (textarea): Plages de données comme tableau JSON avec min, max et médiane optionnelle, moyenne et valeurs aberrantes
- **Étiquette de l'Axe X** (text): Étiquette pour l'axe X
- **Étiquette de l'Axe Y** (text): Étiquette pour l'axe Y
- **Style d'Intervalle** (select): Sélectionner le style d'intervalle
- **Couleur d'Intervalle** (color): Couleur primaire pour la visualisation d'intervalle
- **Couleur de Médiane** (color): Couleur pour les marqueurs de médiane
- **Couleur du Point de Moyenne** (color): Couleur pour les marqueurs de point de moyenne
- **Couleur des Valeurs Aberrantes** (color): Couleur pour les points de valeurs aberrantes
- **Couleur de Ligne** (color): Couleur pour les lignes d'intervalle (quand applicable)
- **Largeur de Ligne** (number): Largeur des lignes d'intervalle en pixels
- **Taille du Point de Données** (number): Taille des points de données min/max en pixels
- **Taille du Point Aberrant** (number): Taille des points de valeurs aberrantes en pixels
- **Opacité d'Intervalle** (number): Niveau d'opacité pour le remplissage d'intervalle (0.0-1.0)
- **Afficher la Médiane** (checkbox): Afficher les marqueurs de médiane sur les intervalles
- **Afficher la Moyenne** (checkbox): Afficher les marqueurs de point de moyenne
- **Afficher les Valeurs Aberrantes** (checkbox): Afficher les points de données aberrants
- **Afficher les Points Min/Max** (checkbox): Afficher les points de données minimum et maximum
- **Afficher la Grille** (checkbox): Afficher les lignes de grille de fond
- **Couleur de Grille** (color): Couleur des lignes de grille
- **Couleur de Fond** (color): Couleur de fond du graphique
- **Largeur du Graphique** (number): Largeur du graphique en pixels
- **Hauteur du Graphique** (number): Hauteur du graphique en pixels
- **Format de Valeur** (select): Sélectionner le format
- **Taille de Police** (number): Taille de police pour les étiquettes et le texte
- **Taille de Police du Titre** (number): Taille de police pour le titre du graphique
- **Famille de Police** (text): Famille de police pour les éléments de texte
- **Activer l'Animation** (checkbox): Animer le graphique au chargement
- **Durée de l'Animation** (number): Durée de l'animation en millisecondes

## Quand l'utiliser

- Pour comparer la volatilité des prix ou des indicateurs financiers sur plusieurs périodes.
- Pour visualiser des plages de températures ou des mesures scientifiques avec des points aberrants.
- Pour présenter des intervalles de confiance ou des marges d'erreur dans des rapports statistiques.

## Fonctionnement

- Saisissez vos données au format JSON en spécifiant les valeurs minimales, maximales, médianes et les éventuelles valeurs aberrantes.
- Personnalisez l'apparence du graphique en choisissant le style (ligne, barre ou zone) et les couleurs des différents indicateurs.
- Ajustez les paramètres d'affichage comme la grille, la taille des points et les étiquettes des axes pour optimiser la lisibilité.
- Générez instantanément votre graphique d'intervalle prêt à être intégré dans vos présentations ou documents.

## Cas d'usage

- Analyse comparative de la fluctuation des prix de produits sur un marché.
- Visualisation des écarts de performance entre différentes équipes ou départements.
- Représentation graphique de données météorologiques sur une période donnée.

## Questions fréquentes

### Quels formats de données sont acceptés ?

L'outil nécessite une saisie au format JSON structuré incluant les valeurs min, max, et optionnellement la médiane, la moyenne et les valeurs aberrantes.

### Puis-je modifier le style du graphique ?

Oui, vous pouvez choisir entre trois styles : Ligne (verticale avec embouts), Barre (rectangle rempli) ou Zone (zones connectées).

### L'outil permet-il de détecter les valeurs aberrantes ?

L'outil permet d'afficher visuellement les valeurs aberrantes que vous avez identifiées dans votre jeu de données via le paramètre 'outliers'.

### Est-il possible d'ajuster les dimensions du graphique ?

Absolument, vous pouvez définir précisément la largeur et la hauteur du graphique en pixels pour qu'il s'adapte à votre mise en page.

### Les graphiques sont-ils animés ?

Oui, une option d'animation est disponible pour rendre l'affichage des données plus dynamique lors du chargement.

## Outils associés

- [Extracteur de tokens de thème ECharts](https://elysiatools.com/fr/tools/echarts-theme-token-extractor): Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main.
- [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
- [OpenAPI vers Postman Collection](https://elysiatools.com/fr/tools/openapi-to-postman-collection): Convertit une spec OpenAPI 3.x ou Swagger 2.0 (JSON/YAML) en Postman Collection v2.1.0 importable avec dossiers, variables, auth et réponses d'exemple.
- [Générateur de Pictogramme](https://elysiatools.com/fr/tools/pictograph-generator): Créez des pictogrammes en utilisant des icônes/symboles pour représenter des quantités avec des icônes, couleurs et mises en page personnalisables
- [Générateur de Graphique Radar](https://elysiatools.com/fr/tools/radar-chart-generator): Générer des graphiques radar personnalisables à partir de données, parfait pour la comparaison et l'analyse multidimensionnelle
- [Générateur de Graphique en Cascade](https://elysiatools.com/fr/tools/waterfall-chart-generator): Créer des graphiques en cascade pour visualiser les changements cumulatifs avec distinction des valeurs positives/négatives et affichage des sous-totaux
- [De la palette d’image aux design tokens](https://elysiatools.com/fr/tools/image-to-design-tokens): Extrait les couleurs dominantes d’une image par k-means et les exporte en variables CSS / SCSS / config Tailwind / tokens JSON, avec noms et échelle de teintes

## Exemples

- [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 de Traçage Distribué](https://elysiatools.com/fr/samples/distributed-tracing-samples): Exemples complets de traçage distribué utilisant Jaeger, OpenTelemetry et outils d'observabilité modernes
- [Exemples d'Analyse de Logs ELK Stack](https://elysiatools.com/fr/samples/elk-stack-samples): Exemples complets ELK Stack pour agrégation, traitement et visualisation de logs dans les systèmes distribués
- [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