Générateur de Barres Radiales Empilées - Racetrack en ligne gratuit
Utiliser Générateur de Barres Radiales Empilées - Racetrack en ligne gratuit
Tous les outils GotoKit fonctionnent directement en ligne, sans téléchargement.
Téléversez un modèle CSV fixe (colonne de noms d’anneaux + colonnes de valeurs par catégorie) pour générer un graphique en barres radiales empilées (racetrack / graphique circulaire en barres) dans le style de référence : chaque ligne est un anneau concentrique, divisé en segments de catégories empilées dont la longueur d’arc est proportionnelle au total de l’anneau, avec un total en italique au-delà de chaque arc et une légende carrée à droite. Fond clair / sombre et export PNG / SVG.
À propos de cet outil
Pliez des données de composition annuelles en anneaux et vous obtenez un graphique en barres radiales empilées : chaque ligne devient un tour concentrique découpé en arcs de catégories proportionnels au total de l’année. Comparer les années revient à parcourir des anneaux plutôt que de longues barres horizontales, avec des totaux en italique au bout de chaque arc et une légende verticale à marqueurs carrés. Pour répartitions budgétaires, structures énergétiques et parts par catégorie.
- Export PNG / SVG net et modifiable
- Plusieurs thèmes intégrés, changement en un clic
- Prise en charge des fonds clair et sombre
- Gratuit, sans filigrane ni limite
Comparé aux workflows de dataviz généralistes
| Critère | Cet outil | Alternative classique |
|---|---|---|
| Direction visuelle | Optimisé pour une grammaire visuelle précise | Plus généraliste, mais plus de réglages |
| Export | Export PNG/SVG rapide | Plus de formats, mais plus lourd |
| Idéal pour | Slides, pages éditoriales, visuels sociaux | Créer un graphique analytique sur mesure |
Documentation
Qu’est-ce qu’un graphique en barres radiales empilées ?
Un graphique en barres radiales empilées (aussi appelé barres circulaires ou racetrack) est un histogramme empilé plié en anneaux concentriques : chaque ligne de données devient un anneau dont la longueur d’arc est proportionnelle au total de la ligne, divisé en segments de catégories colorés empilés le long de l’arc. Tous les anneaux partagent une seule échelle d’angle et se déploient dans le sens antihoraire à partir de la position de 12 heures. Cette disposition conserve le pouvoir comparatif des barres empilées tout en ajoutant le rythme géométrique des cercles concentriques, idéale pour les figures scientifiques et les affiches de données comparant « plusieurs groupes × plusieurs catégories » — composition d’aliments, répartition de population, parts de trafic et plus encore.
Caractéristiques
- Piloté par modèle, ce que vous voyez est ce que vous obtenez : téléchargez le modèle CSV, remplissez vos données, importez et obtenez le graphique instantanément
- Format de tableau large : nom de l’anneau en première colonne (un anneau par ligne), puis une colonne numérique par catégorie empilée, jusqu’à 12 anneaux et 12 catégories
- Disposition en anneaux concentriques : la première ligne de données est l’anneau extérieur, les lignes suivantes s’empilent vers l’intérieur, séparées par de fines lacunes
- Empilement proportionnel à l’arc : tous les anneaux partagent une échelle d’angle ; l’anneau au plus grand total couvre environ 330 degrés ; l’ordre des segments suit la légende depuis l’angle de départ dans le sens antihoraire
- Totaux en italique en fin d’arc : le total de chaque anneau est étiqueté en italique juste après la fin de son arc, fidèle au style de référence
- Légende carrée à droite : carrés de couleur alignés verticalement au centre, en correspondance avec les couleurs des anneaux
- Exports multiples : PNG haute résolution (rapport de pixels 2x) et SVG vectoriel, avec modes clair / sombre
- Confidentialité locale : toutes les données sont analysées et rendues localement dans votre navigateur, jamais téléversées
Domaines d’application
- Analyse de composition : comparaison multi-échantillons de composés aromatiques alimentaires, ingrédients de boissons, éléments d’alliage ou composition de carburant
- Figures scientifiques : figures de revues et rapports de laboratoire comparant concentrations / contenus dans une mise en page circulaire compacte
- Composition démographique et de trafic : démographie régionale, sources de trafic multi-canaux, répartition budgétaire par service
- Affiches de données et infographies : visualisations attrayantes pour les réseaux sociaux, les anneaux concentriques sont très reconnaissables
- Rapports et présentations : graphiques empilés distinctifs pour les rapports annuels et l’analyse sectorielle
Pour comparer précisément de petites différences de valeurs, un histogramme empilé classique est plus adapté ; le graphique en barres radiales brille pour les affichages « plusieurs groupes × plusieurs catégories » qui mettent l’accent sur la magnitude globale et l’esthétique annulaire.
Comment utiliser
- Cliquez sur « Télécharger le modèle CSV » pour obtenir le fichier d’exemple
- Remplissez vos données : nom de l’anneau en première colonne, une catégorie empilée par colonne suivante
- Cliquez sur la zone d’importation ou glissez-déposez un fichier CSV sur la page
- Le graphique empilé concentrique est généré automatiquement ; basculez entre clair / sombre
- Cliquez sur « Télécharger PNG » ou « Télécharger SVG » pour enregistrer le graphique
Format des données
| Champ | Requis | Description |
|---|---|---|
| Colonne 1 (nom d’anneau) | Oui | Un nom par anneau (ex. R1, Échantillon A) ; non dessiné sur le graphique, utilisé comme repère |
| Colonnes 2+ (catégories) | Oui | Valeurs non négatives pour chaque catégorie empilée ; les en-têtes deviennent les noms de légende (ex. Esters, Alcohols) |
Limites : jusqu’à 12 anneaux et 12 catégories ; les valeurs doivent être non négatives ; chaque ligne doit avoir le même nombre de colonnes que l’en-tête. La première ligne de données est l’anneau extérieur, les suivantes vers l’intérieur ; tous les anneaux partagent une échelle d’angle et le plus grand total couvre environ 330 degrés.
Comment lire ce graphique
Chaque anneau est une ligne de données (souvent une année) et sa longueur totale est la somme de la ligne, découpée en arcs colorés, un par catégorie. Pour comparer une catégorie entre années, comparez la même couleur le long du rayon ; pour lire la composition d’une année, comparez les arcs de cet anneau. Le nombre en italique au bout de chaque arc est le total de l’anneau.
À propos de Gotokit
Gotokit crée des outils en ligne simples, efficaces et élégants. Ce générateur de barres radiales empilées utilise le moteur de rendu ECharts — sans inscription, ouvrez et utilisez, toutes les données traitées localement pour votre confidentialité.
FAQ
Comment organiser le tableau large avec une colonne de noms d’anneaux et des colonnes de valeurs par catégorie ?
Le format fixe est un tableau large : la première colonne est le nom de l’anneau (un anneau par ligne), et chaque colonne suivante contient les valeurs d’une catégorie empilée — les en-têtes deviennent les noms de légende. Jusqu’à 12 anneaux et 12 catégories ; valeurs non négatives ; chaque ligne doit avoir le même nombre de colonnes que l’en-tête. La première ligne de données est l’anneau extérieur.
Comment la longueur d’arc et les angles sont-ils déterminés ?
Tous les anneaux partagent une échelle d’angle : 0° est à la position de 12 heures et se déploie dans le sens antihoraire. Le maximum de l’axe des angles est défini sur « plus grand total ÷ 0,917 », donc l’anneau au plus grand total couvre environ 330° et chaque autre anneau est réduit proportionnellement. L’ordre d’empilement suit la légende (Esters en premier, Sulfides à la fin de l’arc).
Cet outil de graphique convient-il plutôt aux présentations, rapports ou visuels sociaux ?
Les trois sont possibles, mais avec des priorités différentes : lisibilité pour les slides, structure et annotations pour les rapports, densité visuelle et style pour les réseaux sociaux.
Quand faut-il exporter en PNG plutôt qu’en SVG ?
PNG est plus pratique pour les slides, les messages ou les réseaux sociaux ; SVG est préférable pour la retouche, l’impression grand format ou l’intégration dans un design system.
Quelle différence avec un logiciel de graphiques généraliste ?
Ces outils sont optimisés pour une grammaire visuelle précise, ce qui permet d’obtenir un résultat fort plus rapidement. Les outils généralistes sont plus souples, mais demandent souvent davantage de réglages.
Puis-je utiliser cet outil sur mobile ou tablette ?
La plupart des outils fonctionnent sur navigateur mobile moderne, mais les graphiques complexes, gros fichiers et interactions précises sont généralement plus confortables sur ordinateur.
Cet outil convient-il plutôt à un besoin ponctuel ou récurrent ?
L’outil est surtout fort pour les tâches ponctuelles, les vérifications rapides et les exports temporaires. Pour une automatisation durable ou une intégration profonde, il faut souvent le compléter avec d’autres outils.
Comment obtenir un bon résultat dès le premier essai ?
Commencez par l’exemple intégré ou par votre plus petit échantillon réaliste. Une fois le format, la mise en page et l’export validés, passez au jeu complet ou au fichier final.
Plus de Design
Tous les outils DesignGénérateur de réseau circulaire de preuves
Créez un réseau circulaire depuis un CSV avec effectifs de patients et nombres d’études saisis séparément. Surface des nœuds pour les patients, épaisseur des courbes pour les études ; traitement local, modes clair/sombre et export PNG/SVG, sans analyse statistique.
Sélecteur Pantone
Sélectionnez une couleur et trouvez la référence Pantone la plus proche avec sorties HEX/RGB et copie rapide.
Studio Roue de Couleurs
Un sélecteur de couleurs basé sur iro.js avec roue chromatique, sorties HEX/RGB/HSL/HSV, copie et palette.
Générateur de Palette d'Interface
Générateur de palettes basé sur iro.js avec 7 règles d'harmonie, aperçu UI en direct et export en liste HEX, config Tailwind ou variables CSS.
Palette Pantone + CMJN + RVB pour l’Impression
Outil de palette d’impression avec 150+ nuanciers Pantone, 2-5 couleurs, correspondance Pantone automatique.
Générateur d Art de Dégradé en Ligne
Outil en ligne inspiré de Art of the Gradient avec dégradés radiaux par calques, mode de fusion, génération aléatoire et copie CSS.
Générateur de Diagramme de Cordes en Ligne - Gratuit
Lisez les relations entre paires avec un diagramme de cordes circulaire : les nœuds ceignent le cercle, la longueur d’arc reflète le flux total de chaque nœud, et la largeur et la couleur des rubans codent la force du lien. Idéal pour migrations, échanges, appels ou citations ; trois thèmes et export PNG / SVG.
Diagramme à Bulles Circulaire Élégant par Date
Projetez une année d’événements sur un anneau de dates concentrique — mois sur le cercle extérieur, jours alignés vers l’intérieur — chaque événement flottant en bulle dégradée au-dessus de sa case de calendrier. Palette raffinée et sobre, fonds clair / sombre et export PNG / SVG.
Rose de Nightingale No 1 à Double Dégradé
Une rose de Nightingale dont les pétales se déploient en anneau symétrique, chacun brossé d’un dégradé bicolore plutôt que d’une couleur unie. Un millésime peut s’afficher au centre du graphique ; fonds clair / sombre et export PNG / SVG inclus.
Générateur de Diagramme de Sankey à Deux Colonnes
Mettez en page un flux gauche-droite comme une affiche : nœuds vifs à gauche, gris pondérés à droite, et chaque bande affiche nom, valeur et part. Fond clair / sombre et export PNG / SVG.
Générateur de Streamgraph - Créateur de Graphique Fluvial en Ligne
Un streamgraph lisse où chaque série s’empile symétriquement autour d’une ligne de base qui ondule avec le temps, les formes évoquant des méandres qui se déplacent. Idéal pour comparer comment les parts d’un tout évoluent ensemble ; 2 à 16 séries, 3 à 40 lignes, fonds clair / sombre et export PNG / SVG.
Générateur de Streamgraph Morandi - Graphique Rivière en Ligne Gratuit
Un streamgraph vêtu d’une palette Morandi du bleu au rose : bleu marine, gris-bleu et rose poudré à faible saturation apaisent le fleuve superposé, de fins liserés blancs séparent chaque couche et une légende en haut fait correspondre couleurs et séries. Fonds clair / sombre et export PNG / SVG.
Générateur de Graphique à Bande d’Erreur - Gratuit en Ligne
Trace une bande d’erreur continue sous la ligne principale : elle épouse la courbe et s’élargit dans les périodes volatiles, si bien que tendance et incertitude partagent le même cadre. Thèmes classique, arc-en-ciel et Morandi ; fonds clair / sombre et export PNG / SVG.
Générateur de Graphique à Bulles à Tiges Courbes - Gratuit en Ligne
Pour les frises chronologiques, chaque événement se place sur un axe d’années : une tige fine s’incurve depuis la base et soulève une bulle translucide, tandis qu’un axe Y logarithmique rend comparables des valeurs d’ordres de grandeur différents (0,7 à 14), la taille des bulles suivant une racine carrée. Cinq couleurs, fonds clair / sombre et export PNG / SVG.
Générateur de Diagramme de Zonage à Bulles Morph - Gratuit en Ligne
Fusionnez les nœuds enfants dans leur centre grâce à des surfaces Metaball plutôt que de les laisser flotter. Les étiquettes suivent l’arc extérieur, des liens pointillés relient les bulles et une palette de quatre verts garde l’ensemble calme.
Générateur de Diagramme de Cordes en Éventail - Gratuit en Ligne
Organisez des données bipartites de quelques groupes vers de nombreuses cibles avec une composition en coquille : arcs pondérés en bas, éventail régulier en haut et fins rubans courbés passant par le centre. Les étiquettes radiales restent lisibles sans chevauchement.
Générateur de Carte Thermique Annotée - Gratuit en Ligne
Une heatmap qui garde les chiffres lisibles : chaque cellule est colorée et porte sa valeur, une échelle divergente part de zéro vers les extrêmes positif et négatif, et une barre de couleurs graduée se tient à droite. Thèmes classique, arc-en-ciel et Morandi, fonds clair / sombre, export PNG / SVG.
Générateur de Graphique en Barres Groupées avec Barres d’Erreur - Gratuit
Deux barres pastel côte à côte surmontées de barres d’erreur noires en I, cadre d’axes noir complet et étiquettes x inclinées à 45° : une fidèle reproduction de figure de publication, pensée pour comparer des groupes expérimentaux. Fonds clair / sombre et export PNG / SVG.
Générateur de Ridgeline Plot - Créateur de graphique en crêtes en ligne gratuit
Un ridgeline plot (joy plot) qui empile plusieurs distributions le long de leur propre ligne de base, des crêtes lisses qui ne se chevauchent jamais, un nom de série à gauche de chaque rangée et une légende de points en dessous — parfait pour comparer pics et étalements de nombreux groupes côte à côte. Jusqu’à 6 séries et 400 lignes, fonds clair / sombre et export PNG / SVG.
Générateur de Sankey narratif en éventail courbe
Recréez le style de référence avec sources en éventail, événements inclinés et arcs vers les personnages. Import CSV et export PNG/SVG.
Générateur de nuage de points à bulles en échelle log
Téléversez un CSV pour créer un nuage de bulles à double axe log : la surface encode une troisième variable, les couleurs suivent vos groupes et une droite y=x avec annotations R² / P / n est ajoutée automatiquement.
Générateur de Sankey à Cinq Étapes en Dégradé Pastel
Un Sankey en cinq étapes qui dessine source → transit → hub → canal → destination d’un seul trait. Chaque nœud reçoit sa propre couleur pastel, les rubans fondent un dégradé source → cible en faible opacité, et les nœuds fins portent des pastilles blanches sur les colonnes intermédiaires. Trois palettes douces, fond clair / sombre et export PNG / SVG.
Générateur de Sankey Bicolore des Flux Budgétaires
Un Sankey budgétaire bicolore à disposition en couches de gauche à droite, fondé sur le layout sankey standard d’ECharts : le côté recettes converge en cyan depuis la gauche, franchit la barre pivot centrale qui passe du cyan au magenta, puis le côté dépenses diverge vers la droite en magenta. Dans chaque famille, les nœuds sont classés par débit sur sept paliers de clarté : plus c’est sombre et épais, plus la valeur est grande, et les filets pâles qui s’amincissent jusqu’à une ligne sont les plus petits postes. Les étiquettes sont hiérarchisées par colonne avec anti-chevauchement automatique. Trois palettes bicolores, fond clair / sombre et export PNG / SVG.
Générateur de Sankey de Flux Énergétique
Un Sankey énergétique en profondeur libre qui dessine sources d’énergie → vecteurs de conversion → usages finaux d’un seul trait, dans le style DECC du Royaume-Uni. Chaque nœud reçoit une couleur terreuse multicolore, les rubans fondent un dégradé source → cible à très faible opacité (~0,2), et toutes les étiquettes se placent à droite des barres sans fond. Trois palettes, fond clair / sombre et export PNG / SVG.
Générateur de Sankey d'Enrichissement Métabolite-Voie
Un Sankey d’enrichissement métabolite → voie à deux colonnes, avec un panneau de bulles assorti à droite. Rubans gris clair unis à ~0,6 d’opacité ; étiquettes à gauche de la barre, alignées à droite et centrées, sans pastille ; ~50 métabolites pastel alimentent 11 voies ton gemme ; x = -Log(Pvalue), surface = Count, rouge = Hit Ratio. Fond clair / sombre, export PNG / SVG.
Générateur de Diagramme de Sankey de Décision en Quatre Étapes
Un Sankey en quatre colonnes qui dessine tout l’entonnoir d’un coup — origine, destination, décision, puis détail par origine. Le flux entre en couches par la gauche, la droite le décompose en barres accepté / rejeté par source, avec un badge d’année et trois palettes ; idéal pour revues, validations ou admissions.
Générateur de Diagramme de Sankey d’Influence à Trois Colonnes
Enchaînez type de situation → scène → personnage en un seul diagramme de flux d’influence : l’épaisseur du ruban vaut la valeur, plus la scène est épaisse plus elle pèse sur le résultat. Les nœuds de droite héritent de la couleur de leur principale catégorie source, et la légende reprend les noms de votre CSV — changez de données et tout le graphique se réhabille. Titre et légende intégrés, fond clair / sombre, export PNG / SVG.
Générateur de Heatmap Matricielle en Escalier Triangulaire
Disposez une matrice de fréquences (combien de jours chaque catégorie passe dans chaque tranche de valeurs) en une carte triangulaire en escalier. La couleur code la fréquence ; intervalles interquartiles, médianes et moyennes se dessinent automatiquement. Trois palettes, fonds clair / sombre et export PNG / SVG.
Générateur de Diagramme de Cordes à Rubans Dégradés Circos
Séparez les nœuds chauds et froids en deux arcs continus façon Circos, puis laissez chaque lien devenir un ruban dégradé d’une extrémité à l’autre. Les flux entre camps se lisent d’un coup d’œil ; mode sombre et export PNG / SVG.
Générateur de Diagramme de Cordes à Bulles
Placez des relations appariées autour d’un grand cercle avec des bulles dont la taille montre l’échelle et la teinte menthe-à-bleu l’intensité. Les liens s’incurvent vers le centre avec une épaisseur proportionnelle au flux ; idéal pour collaboration, supply chain et flux inter-équipes.
Générateur de Diagramme en Arc Radial
Tracez des flux pays-vers-organisations sur une arche supérieure segmentée par région, avec des graduations de pays qui descendent vers des nœuds dimensionnés par le volume total. Adapté au commerce mondial, à l’aide et aux migrations ; mode sombre et export PNG / SVG.
Générateur de Diagramme de Cordes Bicolore en Anneau
Représentez des flux bipartites source-vers-cible sur deux demi-anneaux, ardoise en haut et rose en bas, avec secteurs pondérés par flux total et courbes de Bézier pointant vers la cible. Conçu pour menaces, capacités et traçabilité ; mode sombre et export PNG / SVG.
Générateur de Diagramme de Cordes Double Éventail Coloré
Ce diagramme de cordes double éventail transforme des flux bipartites en sablier : cinq arcs pleins en haut et cinq arcs pastel en bas se déploient sur un même cercle, avec des ouvertures à 3 h et 9 h. Des rubans translucides se croisent à la taille du centre, et chaque secteur porte son propre axe gradué partant de 0 (graduations principales tous les 10). Idéal pour flux de canaux, répartition de coûts et couverture d’exigences ; mode sombre et export PNG / SVG.
Diagramme de Cordes de Colinéarité Circos
Ce diagramme de cordes de colinéarité façon Circos traite les segments de l’anneau comme des pistes continues à coordonnées plutôt que comme des nœuds discrets : les graduations extérieures montrent les positions et les fines courbes centrales relient un intervalle à un autre. Idéal pour la synténie génomique, les migrations de blocs, les remappages de plages d’adresses et la comparaison stratigraphique, avec mode clair/sombre et export PNG / SVG.
Générateur de Diagramme de Cordes de Flux par Groupe
Dessine « de nombreuses sources vers quelques groupes » sur un seul anneau : la moitié gauche porte de petits arcs source dans un violet unique, la moitié droite des arcs de groupe d’une couleur chacun avec une légende verticale assortie, la largeur d’arc vaut le total du nœud et les rubans sont teintés selon leur groupe cible. Des séparateurs blancs dans les arcs de groupe montrent d’un coup d’œil combien de sources alimentent chacun. Idéal pour le classement d’échantillons, l’attribution de canaux, l’affectation de thèmes et les destinations de lots, avec mode sombre et export PNG / SVG.
Générateur de Diagramme de Cordes Spectral
Transforme une matrice de relations en anneau spectral : les nœuds suivent le sens horaire du plus grand total au plus petit, les couleurs d’arc sont échantillonnées sur un dégradé continu — la teinte est le classement (le plus rouge est le plus grand, le plus bleu le plus petit) — chaque relation devient un fin trait turquoise uniforme qui s’incurve vers le centre, et les séparateurs blancs d’un arc forment sa liste de connexions. Mode sombre et export PNG / SVG.
Générateur de Diagramme en Arc
Un diagramme à arcs classique qui aplatit les co-occurrences sur une ligne de base : des graduations colorées par groupe reposent sur la ligne, des étiquettes verticales aux couleurs de groupe se tiennent à gauche, et la force des relations est dessinée en demi-cercles semi-transparents dont la hauteur et l’épaisseur varient avec le poids — lisible même avec 400 relations. Mode sombre et export PNG / SVG.
Générateur de Rose à Couleurs Groupées
Transformez des colonnes catégorie, valeur et groupe en une rose de Nightingale dont chaque pétale prend la couleur de son groupe, les teintes s’enchaînant harmonieusement d’un segment à l’autre. Interrupteur d’étiquettes, fonds clair / sombre et export PNG / SVG.
Tableau Blanc Excalidraw en Ligne
Tableau blanc en ligne basé sur Excalidraw pour organigrammes, croquis, wireframes et annotations, avec édition locale dans le navigateur et export PNG, SVG, et .excalidraw.