Générateur de Diagramme de Cordes de Flux par Groupe

Générateur de Diagramme de Cordes de Flux par Groupe

Utiliser Générateur de Diagramme de Cordes de Flux par Groupe

Tous les outils GotoKit fonctionnent directement en ligne, sans téléchargement.

Importez un CSV à trois colonnes source,target,value pour générer un diagramme de cordes de flux par groupe : à gauche une couronne de petits arcs regroupe les sources dans un violet uniforme, à droite une couche d’arcs plus larges porte vos groupes, une couleur chacun avec une légende verticale assortie, la largeur d’arc vaut le total du nœud ou du groupe, et des rubans semi-transparents teintés selon le groupe cible traversent le centre. Adapté à la classification d’échantillons, à l’attribution de canaux, à l’affectation de thèmes, au regroupement d’actifs et aux destinations de lots. Mode sombre et export PNG / SVG, 100 % local.

Déposez un fichier CSV ici ou cliquez pour téléverser Format : source,target,value ; jusqu’à 200 lignes, ≤24 sources, ≤12 groupes, et les deux jeux de noms ne doivent pas se recouper. Le modèle correspond exactement à l’exemple
Mode d’affichage Clair
Toutes les données sont traitées localement, jamais téléversées

À propos de cet outil

Quand vos données sont « de nombreuses sources vers quelques groupes », la bonne question n’est pas le flux entre une paire mais de quelles sources chaque groupe se compose et vers quels groupes chaque source se dirige. Ce graphique inscrit cette structure dans l’anneau : sources et groupes occupent chacun une moitié, les couleurs sont indexées sur le groupe et les séparateurs blancs d’un arc de groupe forment sa liste de contributeurs.

  • 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

Générateur en ligne gratuit de diagramme de cordes de flux par groupe. Importez un CSV à trois colonnes source,target,value et l’outil dessine « de nombreuses sources vers quelques groupes » sur un seul anneau : une couronne de petits arcs à gauche rassemble toutes les sources dans un violet uniforme, une couche d’arcs plus larges à droite porte vos groupes — une couleur chacun, associée à une légende verticale — la largeur d’arc vaut le total du nœud, et des rubans semi-transparents teintés selon le groupe cible traversent le centre. L’exemple par défaut s’affiche au chargement, avec export PNG / SVG haute résolution.

Qu’est-ce qu’un diagramme de cordes de flux par groupe

Un diagramme de cordes classique place tous les nœuds à égalité sur un même anneau, et les rubans du centre expriment le flux entre chaque paire. Le diagramme de flux par groupe introduit une division structurelle du travail : il suppose que vos données sont bipartites — de nombreuses petites sources d’un côté, quelques gros groupes de l’autre. L’anneau est donc coupé en deux demi-cercles. La moitié gauche est réservée aux sources, la moitié droite aux groupes, chaque nœud occupant un arc dont la largeur angulaire vaut son flux total.

L’avantage est un chemin de lecture très court. Pour savoir ce qui alimente le groupe A, suivez son arc vers l’intérieur : tous les rubans qui pointent vers lui partagent la même couleur, la composition se lit d’un coup d’œil. Pour savoir où va une source, partez de son petit arc à gauche et suivez les rubans qui en sortent. De fins séparateurs blancs découpent chaque arc en cellules proportionnelles au flux qu’il porte : le nombre de cellules indique le nombre d’interlocuteurs du nœud.

Ce que vous pouvez faire

  • Importer un CSV à trois colonnes : source,target,value, une ligne par flux. Les jeux de noms source et cible doivent être disjoints — c’est la définition de la structure bipartite.
  • Disposition bipartite automatique : les arcs source se groupent à gauche, les arcs groupe à droite, les largeurs angulaires réparties selon les totaux, les rubans teintés selon le groupe cible.
  • Légende des groupes à droite : chaque groupe reçoit une pastille de couleur, son nom et son total, avec exactement les couleurs de son arc et de ses rubans.
  • Séparateurs blancs dans les arcs de groupe : chaque arc de groupe est découpé par les flux qui l’alimentent, ce qui permet de compter ses contributeurs.
  • Exemple par défaut = modèle : téléchargez le modèle CSV, réimportez-le, et vous obtenez exactement le graphique affiché.
  • Mode clair et sombre : le mode sombre ne change que le fond et le contraste du texte, jamais la structure.
  • Export PNG / SVG : prêt pour les rapports, diaporamas, affiches et tableaux de bord.
  • Traitement local : tout est analysé et dessiné dans votre navigateur, rien n’est téléversé.

Comment l’utiliser

  1. Ouvrez la page : l’exemple par défaut s’affiche aussitôt — 14 sources vers 8 groupes nommés AAA–HHH.
  2. Importez votre CSV, ou téléchargez le modèle pour obtenir le format exact. Jusqu’à 200 lignes, ≤24 sources et ≤12 groupes.
  3. Survolez un ruban pour lire « source → groupe : valeur ». Survolez un arc de groupe pour voir son total.
  4. Basculez clair / sombre, puis téléchargez le PNG ou le SVG.

Exemple de CSV :

source,target,value
ppp,AAA,420
ppp,CCC,260
aaa,AAA,380
aaa,BBB,240
ccc,BBB,340
ccc,EEE,200

Où l’utiliser

  • Classement d’échantillons : à quelles catégories appartiennent des échantillons de séquençage, de test ou de joueurs, et de quoi chaque catégorie est composée.
  • Attribution de canaux : de nombreux canaux ou pages d’atterrissage alimentant quelques sources de conversion, révélant le mix de chaque type.
  • Affectation de thèmes : des milliers de mots-clés répartis dans quelques clusters thématiques.
  • Regroupement d’actifs : comptes ou positions classés par classe d’actifs ou niveau de risque.
  • Destinations de lots : des lots de production dirigés vers quelques entrepôts ou carnets de commandes.
  • Logistique et réaffectation : de nombreux points d’expédition vers quelques hubs régionaux.
  • Revue de clusters : traitez les étiquettes de cluster comme des groupes et inspectez leur composition.

Remarques

L’idée centrale est structure bipartite et appartenance : sources et groupes sont de natures différentes, avec des effectifs et des rôles très dissemblables, d’où leur place sur deux demi-cercles plutôt que mélangés dans un seul. C’est donc l’idéal pour les données d’afflux « plusieurs vers peu ». Si les deux côtés sont comparables et que vous cherchez la force des flux deux à deux, un diagramme de cordes classique conviendra mieux ; si vous devez conserver les coordonnées d’intervalle — quel segment correspond à quel autre — utilisez plutôt le diagramme de cordes de colinéarité façon Circos. Lorsque le nombre de groupes dépasse la capacité de la palette, les couleurs se répètent cycliquement : mieux vaut alors fusionner des groupes, la limite stricte étant de 12.


Dernière vérification : 2026-09-12

Comment lire ce graphique

Commencez par la légende verticale de droite : elle donne chaque groupe avec sa couleur et son total, c’est votre système de classification. Lisez ensuite la couche d’arcs larges à droite — chaque arc est un groupe, un arc plus long signifie un total plus élevé, et les séparateurs blancs qui le découpent marquent les sources qui l’alimentent. Regardez ensuite la couronne de petits arcs violets à gauche : chacun est une source et sa longueur est son total propre. Terminez par les rubans : la couleur indique le groupe de destination, la largeur indique le volume, et les rubans partant d’un même petit arc forment la répartition complète de cette source.

FAQ

Comment fonctionnent les trois colonnes, et sources et groupes peuvent-ils partager des noms ?

Trois colonnes : source,target,value, une ligne par flux, value devant être positif. Les ensembles de noms source et cible doivent être disjoints (structure bipartite stricte) : un recoupement signifie généralement que les deux colonnes ont été inversées, et l’outil rejettera l’entrée en le signalant. Jusqu’à 200 lignes, ≤24 sources et ≤12 groupes.

Que signifient les séparateurs blancs dans un arc de groupe ?

Chaque séparateur marque l’arrivée d’un flux entrant. Le nombre de cellules d’un arc de groupe égale donc le nombre de sources qui l’alimentent, et la largeur de chaque cellule est proportionnelle à la contribution de cette source : les cellules larges sont les contributeurs principaux, les fines la longue traîne. La longueur totale de l’arc de groupe vaut la somme de ses flux entrants, en accord avec le total affiché dans la légende.

Quand l’utiliser plutôt qu’un diagramme de cordes normal ?

Utilisez-le lorsque vos données se scindent naturellement en un côté nombreux et petit et un côté peu nombreux et gros — des centaines de mots-clés en quelques thèmes, des dizaines de canaux en quelques types de conversion, des milliers d’échantillons en quelques étiquettes. Sources et groupes jouent alors des rôles distincts, et les séparer en deux demi-cercles se lit bien mieux qu’un mélange. Si les deux côtés sont comparables et que vous cherchez la force des flux deux à deux, un diagramme de cordes normal convient mieux.

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.

Gé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 Barres Radiales Empilées - Racetrack en ligne gratuit

Chaque ligne de données devient un anneau concentrique, découpé en arcs de catégories empilées dont la longueur reste proportionnelle au total de l’anneau — des tours de piste (racetrack) qui étiquettent la composition de chaque année. Un total en italique suit chaque extrémité d’arc et une légende verticale à marqueurs carrés relie les couleurs.

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 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 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 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.

Parcourir toutes les catégories