Générateur de Diagramme de Cordes Spectral

Un générateur en ligne gratuit de diagramme de cordes spectral. Importez un CSV à trois colonnes source,target,value et transformez une matrice de relations deux à deux en un anneau coloré : les nœuds sont disposés dans le sens horaire, du plus grand total au plus petit, et chaque arc tire sa couleur d’un dégradé spectral continu (rouge, orange, jaune, vert, turquoise, bleu), si bien que la teinte est elle-même le classement — le plus gros nœud est rouge, le plus petit tire vers le bleu. Chaque relation devient un fin trait turquoise d’épaisseur constante qui part du milieu du segment d’arc d’un nœud vers celui de l’autre, s’incurve vers le centre et se tisse en maillage quand la densité monte, avec un anneau rose translucide pour ancrer le milieu. L’exemple s’affiche immédiatement et s’exporte en PNG / SVG haute résolution.

Qu’est-ce qu’un diagramme de cordes spectral

Un diagramme de cordes classique encode le volume par la largeur des rubans, ce qui oblige à comparer des épaisseurs. Cette variante prend un autre chemin : elle confie l’ordre à la couleur et les relations à des traits fins. La longueur d’arc reste proportionnelle au total de chaque nœud, mais les couleurs ne viennent pas d’une palette répétée : elles sont échantillonnées le long d’un dégradé spectral continu selon le rang du nœud. Le rang 1 tombe sur le rouge, le dernier sur le bleu, et tout le reste se répartit entre orange, jaune, vert et turquoise. Aucune légende n’est donc nécessaire : plus c’est rouge, plus c’est grand ; plus c’est bleu, plus c’est petit.

La seconde différence tient à la forme des liens. Au lieu de rubans à largeur variable, chaque relation est un trait uniforme de 2 px tracé depuis le milieu du segment d’arc de chaque nœud, relié par une courbe douce qui s’incurve vers le centre. L’avantage apparaît dans les réseaux denses : les rubans larges se recouvrent en une tache uniforme, alors que les traits fins tissent un maillage dont les trajets restent suivables. On peut parcourir une ligne de A jusqu’à B, et repérer d’un coup d’œil les nœuds qui servent de plaque tournante.

Trois détails complètent l’anneau. À l’intérieur de chaque arc, des séparateurs blancs le découpent selon la valeur de chaque relation : leur nombre égale donc le nombre de connexions du nœud. Un petit point noir marque le centre de chaque arc. Enfin, les noms de nœuds se placent à l’extérieur, orientés selon la tangente, pour ne jamais empiéter sur la zone de dessin.

Ce que vous pouvez faire

• Importer trois colonnes : source,target,value, une ligne par relation, la valeur devant être positive.
• Fusion symétrique automatique : A→B et B→A sont réunis en une seule relation bidirectionnelle, valeurs additionnées, pour ne pas dessiner deux fois la même connexion.
• Disposition horaire classée : les nœuds sont ordonnés du total le plus grand au plus petit, le plus gros fixé à midi.
• Échantillonnage spectral continu : les couleurs sont interpolées le long du dégradé selon l’index du nœud, sans répétition.
• Liens fins uniformes : toutes les relations partagent le même trait turquoise de 2 px, lisible même à forte densité.
• Séparateurs blancs dans les arcs : chaque arc est découpé selon ses valeurs individuelles ; le nombre de cellules est le nombre de connexions.
• Anneau rose central : un ancrage visuel translucide qui ne porte aucune donnée.
• Exemple identique au modèle : téléchargez le modèle CSV, réimportez-le, vous obtenez exactement le graphique affiché.
• Mode clair / sombre : le mode sombre ne change que le fond et le contraste du texte.
• Export PNG / SVG : prêt pour rapports, diapositives, affiches et tableaux de bord.
• Traitement local : tout est analysé et dessiné dans le navigateur, jamais téléversé.

Comment l’utiliser

1. À l’ouverture, l’exemple par défaut est déjà dessiné : 28 pays formant un réseau dense après fusion de 119 lignes de flux brutes en relations bidirectionnelles.
2. Importez un CSV, ou récupérez le format via « Télécharger le modèle CSV ». Jusqu’à 200 lignes et ≤60 nœuds.
3. Survolez un trait pour lire « nœud ↔ nœud : valeur ». Survolez un arc pour son total.
4. Basculez en clair ou sombre, puis téléchargez le PNG ou le SVG.

Exemple de CSV :

source,target,value
USA,CHN,540
CHN,USA,520
USA,CAN,400
CAN,USA,420
DEU,NLD,200
NLD,DEU,220

Les deux premières lignes, USA,CHN,540 et CHN,USA,520, fusionnent en une relation USA ↔ CHN de 1060.

Où l’utiliser

• Cooccurrences et co-mots : matrices de cooccurrence de mots-clés, étiquettes ou produits, pour repérer clusters et mots pivots.
• Commerce et logistique : volumes bidirectionnels entre pays ou régions, pour voir les nœuds dominants et ceux restés en marge.
• Citations et collaboration : citations d’articles ou de brevets, réseaux de co-publication, pour identifier institutions centrales et groupes.
• Appels et messages : comptages d’échanges entre numéros ou comptes, pour révéler des pivots inhabituels ou des boucles.
• Réseaux écologiques et biologiques : interactions entre espèces, entre protéines, co-expression génique.
• Flux internes : tickets, validations ou courriels entre services et équipes.
• Migrations : flux entrants et sortants entre villes, pour lire l’intensité bidirectionnelle.

Remarques

L’idée directrice est la couleur porte l’ordre, les traits fins portent les relations : la longueur d’arc suit toujours les totaux, mais la couleur est échantillonnée en continu sur un spectre, si bien que la teinte devient une échelle de rang et qu’une couche de lecture de légende disparaît ; les liens renoncent à la largeur pour préserver des trajets suivables dans un réseau dense. Il convient donc surtout aux matrices de taille moyenne et bien connectées (environ 10 à 60 nœuds). Si vous devez comparer précisément la force de relations isolées et que les écarts de largeur comptent davantage, un diagramme de cordes classique conviendra mieux ; si vos données se scindent naturellement entre un côté nombreux et petit et un côté peu nombreux et gros, utilisez plutôt le diagramme de cordes de flux par groupe.

---

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

Comment lire ce graphique

Commencez par la couleur : parcourez l’anneau dans le sens horaire depuis l’arc le plus rouge, la teinte glisse peu à peu vers le bleu — ce dégradé est l’échelle de classement, le nœud le plus rouge ayant le plus grand total et le plus bleu le plus petit, sans légende. Regardez ensuite la longueur d’arc : la largeur angulaire de chaque arc est proportionnelle à son total, et l’arc rouge est en général le plus long. Puis les séparateurs blancs : ils découpent l’arc selon chaque relation, donc plus il y en a, plus le nœud est connecté ; le point noir au centre de chaque arc marque le nœud. Enfin l’intérieur : un trait turquoise est une relation bidirectionnelle, ses extrémités tombant sur les milieux de segments de deux arcs distincts et s’incurvant vers le centre avant de s’ouvrir — superposés, ces traits révèlent les nœuds pivots (beaucoup de lignes convergent) et les nœuds périphériques (une ou deux seulement). L’anneau rose central n’est qu’un ancrage visuel.