Générateur de Diagramme de Cordes à Bulles

Générateur de Diagramme de Cordes à Bulles

Utiliser Générateur de Diagramme de Cordes à Bulles

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

Téléversez un CSV de relations pour générer un diagramme de cordes à bulles façon Biblioshiny : la taille des bulles montre l’échelle du nœud, leur couleur son intensité (du menthe au bleu), l’épaisseur des cordes la force du lien, et les étiquettes rayonnent autour du grand cercle. Fond clair / sombre, export PNG / SVG, tout en local.

Déposez un fichier CSV ici ou cliquez pour téléverser Deux sections : d’abord source,target,value (liens, jusqu’à 120 lignes) ; après une ligne vide ajoutez name,size,color (métriques de nœud optionnelles ; les nœuds manquants retombent sur leur flux total)
Mode d’affichage Clair
Toutes les données sont traitées localement, jamais téléversées

À propos de cet outil

Quand chaque acteur porte non seulement « avec qui il échange » mais aussi ses propres métriques de taille et de qualité, un diagramme de cordes classique ne peut dessiner que les liens. Ce diagramme à bulles transforme les acteurs en une couronne de bulles : la taille porte la première métrique, le dégradé menthe-à-bleu la seconde, et les cordes n’encodent plus que l’épaisseur. Pays qui publient ensemble, fournisseurs d’une chaîne, équipes transverses — le double encodage rend « qui compte » et « qui collabore fort » lisibles d’un coup, le style des réseaux de collaboration bibliométriques.

  • 100% gratuit sans limite d’usage
  • Sans inscription ni connexion
  • Fonctionne directement dans le navigateur
  • Rapide et respectueux de la confidentialité

Documentation

Générateur de diagramme de cordes à bulles gratuit en ligne. Importez un CSV en deux sections — des liens source,target,value, puis une ligne vide et des métriques name,size,color — pour obtenir le même rendu que les réseaux de collaboration bibliométriques : un anneau de bulles dont la taille encode l’échelle du nœud, dont le dégradé menthe-à-bleu encode l’intensité, reliées par des cordes incurvées vers le centre dont l’épaisseur encode la force du lien. Export PNG / SVG HD, sans filigrane. La page inclut un exemple de 24 pays et 46 collaborations.

Qu’est-ce qu’un diagramme de cordes à bulles

C’est l’évolution visuelle du diagramme de cordes classique : au lieu d’encoder la valeur propre de chaque nœud par la longueur d’un arc, chaque nœud devient une bulle posée sur le cercle — le diamètre porte la première métrique, la teinte suit un dégradé continu menthe-à-bleu pour la seconde, et les cordes n’expriment plus que la force des paires. L’anneau n’encodant rien lui-même, les étiquettes restent lisibles autour du cercle même avec ~30 nœuds.

Ce que vous pouvez faire

  • CSV en deux sections — liens source,target,value (jusqu’à 120 lignes) puis métriques name,size,color (optionnelles).
  • Double encodage — rayon en racine carrée de size ; couleur normalisée sur un dégradé en 5 paliers menthe-à-bleu.
  • Cordes vers le centre — chaque lien part des deux bulles et s’incurve vers le centre, largeur proportionnelle à value.
  • Étiquettes rayonnantes — les noms suivent le rayon à l’extérieur de l’anneau, retournés à gauche pour rester lisibles.
  • Fond clair / sombre — bascule en un clic, export conforme à l’aperçu.
  • Export PNG / SVG — PNG en 2x, SVG vectoriel, sans filigrane ; tout reste dans votre navigateur.

Comment l’utiliser

  1. L’exemple de 24 pays s’affiche au chargement ; importez ou glissez votre CSV (ou « Charger l’exemple »).
  2. Basculez le fond clair / sombre si besoin.
  3. Cliquez sur « Télécharger PNG » ou « Télécharger SVG ».

Modèle CSV (deux sections séparées par une ligne vide ; texte ASCII pour éviter les soucis Excel) :

source,target,value
USA,China,210
USA,Germany,180
USA,France,120
Germany,France,95
Japan,China,92

name,size,color
USA,750,42.0
China,700,39.0
France,380,41.0
Japan,300,40.0

Domaines d’usage

  • Collaboration scientifique — co-publications pays / institutions plus volume et impact de chacun.
  • Chaîne d’approvisionnement — volumes de coopération plus taille et note de chaque partenaire.
  • Organisations — flux entre services plus effectifs et activité.
  • Relations internationales — commerce ou migrations entre pays plus PIB et niveau par habitant.
  • Écosystèmes open source — force des dépendances plus stars et activité des contributeurs.

Notes

Fichiers .csv ; liens dupliqués cumulés, auto-boucles ignorées, nœuds sans métriques retombant sur leur flux total. De 2 à 40 nœuds. PNG en 2x, SVG vectoriel.


Vérifié le : 2026-09-03

Comment lire ce graphique

Trois canaux : ① la plus grosse bulle = la plus grande échelle (la légende cercles concentriques en haut à droite marque 1/3, 2/3 et la valeur pleine) ; ② la teinte la plus profonde = la plus forte intensité (les extrémités de la barre correspondent au min et au max de vos données) ; ③ la corde la plus épaisse = la paire la plus forte. La couleur encode la métrique propre du nœud, l’épaisseur de la corde la force du lien : deux dimensions distinctes — une grosse bulle pâle peut signifier « beaucoup de volume, qualité moyenne ».

FAQ

Comment remplir les deux sections du CSV ?

Le modèle commence par des lignes source,target,value (une paire non orientée par ligne ; les doublons s’accumulent et les auto-boucles sont ignorées), jusqu’à 120 lignes. Après une ligne vide, ajoutez name,size,color — size règle le rayon de la bulle, color sa teinte ; toute la section est optionnelle et les nœuds omis retombent sur leur flux total.

Comment la taille et la couleur des bulles sont-elles mappées ?

Le rayon varie en racine carrée de size entre un minimum et un maximum (la plus grosse bulle est le nœud de plus grande size). La couleur normalise la métrique color et l’interpole le long d’un dégradé menthe-à-bleu profond en 5 paliers — les extrémités de la barre en haut à droite correspondent au min et au max de vos données.

Combien de nœuds et de liens un diagramme à bulles supporte-t-il ?

Le style de référence est le plus net entre 20 et 30 nœuds — au-delà, les étiquettes se serrent le long du cercle. L’outil accepte jusqu’à 40 nœuds et 120 lignes de liens ; les liens n’encodant que la force des paires, ils n’affectent pas la mise en page circulaire.

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, calcul CMJN en temps réel et aperçu sur papier couché.

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

Un diagramme de Sankey à deux colonnes digne d’une affiche : les nœuds de gauche prennent des couleurs vives, ceux de droite des gris nuancés selon le poids, et chaque bande de flux 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

Un graphique à bande d’erreur continue : sous la ligne principale, pas une ombre fixe mais une bande épousant la courbe, plus large dans les périodes volatiles et plus fine dans les calmes, de sorte 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

Un graphique à bulles à tiges courbes pour les frises : chaque événement se place sur l’axe des années, une tige fine s’incurve depuis la base et soulève une bulle translucide, et un axe Y logarithmique rend comparables des valeurs d’ordres de grandeur différents (0,7 à 14) dans un même cadre, 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

Un diagramme de zonage à bulles morph où les nœuds enfants fusionnent dans leur centre via des surfaces Metaball au lieu de flotter détachés, les étiquettes suivent l’arc extérieur de chaque nœud, des liens pointillés relient les bulles et une palette de quatre verts apaisants structure l’ensemble. Conçu pour les structures centre-membres ; fonds clair / sombre et export PNG / SVG.

Générateur de Diagramme de Cordes en Éventail - Gratuit en Ligne

Un diagramme de cordes bicolore en forme de coquille : les arcs de groupes en bas sont pondérés par le flux total en coquilles inégales, les nœuds cibles s’éventent en haut en arcs de largeur égale, et les flux deviennent de fins rubans courbés le long de courbes de Bézier passant par le centre, avec des étiquettes radiales sans chevauchement. Conçu pour les données bipartites de quelques groupes vers de nombreuses cibles.

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

Un graphique à barres groupées avec barres d’erreur au style académique sobre : deux barres pastel côte à côte, des barres d’erreur en I noires au sommet, un cadre d’axes noir complet et des étiquettes x inclinées à 45°, une fidèle reproduction de figure de publication. Pensé 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

Un graphique en barres radiales empilées (racetrack) où 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 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 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

Un diagramme de cordes à la Circos opposant camps chaud et froid : les nœuds chauds et froids forment chacun un arc continu, et chaque lien devient un ruban qui passe du ton d’une extrémité à celui de l’autre. Les flux entre camps se lisent d’un coup d’œil ; mode sombre et export PNG / SVG.

Générateur de Diagramme en Arc Radial

Un diagramme de flux à arcs radiaux pour les flux pays-vers-organisations : une arche supérieure segmentée par région avec des graduations de pays le long de l’arc, des courbes descendant de chaque graduation vers des nœuds d’organisations dimensionnés par le volume total. Pensé pour le commerce, l’aide ou les migrations mondiales ; 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