Générateur de Diagramme de Cordes Double Éventail Coloré

Générateur de Diagramme de Cordes Double Éventail Coloré

Utiliser Générateur de Diagramme de Cordes Double Éventail Coloré

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

Importez un CSV bipartite source,target,value pour générer un diagramme de cordes double éventail coloré : cinq arcs pleins se déploient en haut et cinq arcs pastel en bas sur le même cercle, avec des rubans translucides qui se croisent au centre en formant une taille de sablier. Chaque secteur possède son propre axe gradué ; mode sombre et export PNG / SVG, traitement 100 % local.

Déposez un fichier CSV ici ou cliquez pour téléverser Format : source,target,value (3 colonnes). Sources et cibles doivent être deux ensembles disjoints, jusqu’à 120 lignes et 8 nœuds par côté
Mode d’affichage Clair
Toutes les données sont traitées localement, jamais téléversées

À propos de cet outil

Un diagramme de cordes classique entasse tous les nœuds sur un seul anneau, rendant la comparaison de deux rôles difficile. Cette disposition à double éventail pousse chaque camp vers 12 h et 6 h, l’ouvre en éventail et laisse les côtés 2 h et 9 h libres, ne les reliant que par des rubans translucides : suivez la taille du sablier pour tracer l’origine et la destination de chaque flux. Chaque secteur porte aussi son propre axe partant de 0, la longueur d’arc étant proportionnelle au flux total du nœud et les graduations principales tous les 10.

  • 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 gratuit de diagramme de cordes double éventail coloré. Importez un CSV à trois colonnes source,target,value pour obtenir un graphique bipartite en forme de sablier : cinq arcs pleins se déploient vers 12 h et cinq arcs pastel vers 6 h sur le même cercle, avec des ouvertures à 2 h et 9 h. Des rubans translucides se croisent à la taille centrale et chaque secteur possède son propre axe gradué partant de 0. Exemple 5 × 5 inclus, export PNG / SVG et mode sombre.

Qu’est-ce qu’un diagramme de cordes double éventail

Le diagramme de cordes double éventail est une variante bipartite du diagramme de cordes classique — la disposition que l’on retrouve dans circlize sous le nom de bipartite chord plot. Au lieu de répartir tous les nœuds sur un seul anneau complet, il découpe le même cercle en deux éventails opposés : les nœuds sources occupent l’éventail autour de 12 h, les nœuds cibles celui autour de 6 h, et deux ouvertures à 2 h et 9 h dessinent la silhouette en sablier. Chaque nœud est une bande d’arc dont la largeur angulaire est proportionnelle à son flux total ; l’éventail supérieur utilise cinq teintes saturées (quasi-noir, cramoisi, vert gazon, bleu moyen, cyan) et l’éventail inférieur les reprend en versions pastel, le noir restant partagé plutôt qu’éclairci. Chaque relation source-cible devient un ruban coloré translucide dont la largeur d’extrémité suit la valeur, et qui se resserre vers le centre en traversant la taille ouverte : la densité de l’image correspond donc exactement à la distribution des flux.

Ce que vous pouvez faire

  • Importer un CSV — trois colonnes source,target,value, jusqu’à 8 nœuds par côté et 120 lignes.
  • Rendu instantané — deux éventails, rubans traversant le centre et un axe gradué dédié partant de 0 pour chaque secteur (graduations principales tous les 10).
  • La longueur d’arc vaut le flux — la largeur d’un secteur suit le flux total du nœud et celle d’un ruban chaque valeur, sans mise en page manuelle.
  • Mode clair / sombre — un clic change le fond, et l’export conserve le fond choisi.
  • Export PNG / SVG — PNG en 2× et SVG vectoriel, sans filigrane.
  • Confidentialité locale — tout est traité dans le navigateur, rien n’est téléversé.

Comment l’utiliser

  1. Ouvrez la page pour voir l’exemple 5 × 5 rendu en diagramme double éventail ; importez ou déposez votre propre CSV, ou cliquez d’abord sur « Charger l’exemple ».
  2. Survolez un secteur ou un ruban pour lire le total du nœud ou la valeur d’un flux.
  3. Basculez entre mode clair et sombre, ou utilisez le bouton en haut à droite pour un aperçu plein écran.
  4. Cliquez sur « Télécharger PNG » ou « Télécharger SVG » pour enregistrer l’image.

Exemple de format CSV (trois colonnes séparées par des virgules, avec ou sans l’en-tête source,target,value) :

source,target,value
C1,R1,14
C1,R2,9
C2,R2,16
C2,R3,7

Cas d’usage

  • Canaux et flux : canaux d’acquisition vers résultats de conversion, fournisseurs amont vers familles d’achat.
  • Répartition de coûts : centres de coûts vers comptes de charges, services vers projets.
  • Couverture exigences / tests : exigences vers modules, modules vers cas de test.
  • Enquêtes matricielles : options de réponse vers segments d’audience, symptômes vers diagnostics.
  • Présentations et posters : les axes gradués intégrés rendent les valeurs lisibles, le graphique peut donc aller directement sur une diapositive ou une couverture de rapport.

Remarques

Accepte les fichiers texte .csv ; un nom ne peut pas apparaître à la fois dans les colonnes source et target (données strictement bipartites). L’éventail supérieur utilise cinq teintes pleines et l’inférieur leurs échos pastel ; chaque ruban reprend une teinte éclaircie de la couleur source à environ 0,7 d’opacité, et l’éventail inférieur porte en plus une fine bande externe segmentée par couleur de partenaire. L’axe de chaque secteur part de 0 à une extrémité de l’arc et croît dans le sens horaire jusqu’au flux total du nœud — les chiffres du haut croissent de gauche à droite, ceux du bas de droite à gauche à l’écran, selon la convention traditionnelle de circlize. Pour comparer précisément de petites différences numériques, préférez un diagramme en barres.


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

Comment lire ce graphique

Commencez par la séparation des couleurs : l’éventail à 12 h porte les sources (cinq teintes pleines) et celui à 6 h les cibles (échos pastel, le noir étant partagé). Un secteur plus large signifie un flux total plus important pour ce nœud. Prenez n’importe quel ruban coloré : une extrémité repose sur le bord interne d’un secteur source, l’autre sur le bord interne d’un secteur cible — il se lit « cette source → cette cible », et un ruban plus large indique une valeur plus élevée. L’axe gradué à l’extérieur de chaque secteur est l’échelle de flux cumulé propre au nœud, partant de 0 avec des graduations principales tous les 10 et des chiffres alignés sur la tangente de l’arc : vous lisez ainsi la valeur approximative de chaque flux, pas seulement sa taille relative.

FAQ

Comment fonctionnent les colonnes source, target et value ?

CSV à trois colonnes : source,target,value. Sources et cibles doivent être disjointes (bipartite stricte) et les valeurs positives. Jusqu’à 120 lignes, avec au plus 8 nœuds par côté. La largeur angulaire de chaque nœud dans son éventail est proportionnelle à son flux total.

Qu’est-ce que l’axe gradué à l’extérieur de chaque secteur ?

C’est l’axe de flux cumulé propre au nœud : il part de 0 à une extrémité de l’arc et croît dans le sens horaire jusqu’au flux total entrant/sortant du nœud, dans l’unité de la colonne value. Graduations principales tous les 10 avec chiffres, secondaires tous les 2. Les chiffres du haut croissent de gauche à droite ; ceux du bas de droite à gauche à l’écran, car leur sens horaire est en miroir — convention circlize habituelle.

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.

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.

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.

Parcourir toutes les catégories