圆形气泡弦图在线生成工具

圆形气泡弦图在线生成工具

开始使用 圆形气泡弦图在线生成工具

Gotokit所有工具可直接在线使用,无需下载,无需登录。

上传关系 CSV,一键生成 Biblioshiny 风格气泡弦图:气泡越大代表节点规模越大、颜色越深代表强度越高,弦线粗细代表关系强弱,所有标签沿大圆外侧辐射排布。支持浅色 / 深色背景与 PNG / SVG 导出,全程本地处理。

拖拽 CSV 文件到此处,或点击上传 分两节:先 source,target,value(关系行,最多 120 行);空一行后 name,size,color(节点规模与颜色指标,可选,未写节点自动按流量计算)
显示模式 浅色
所有数据均在浏览器本地处理,不会上传服务器

关于这个工具

当每个参与者除了「和谁有往来」还自带规模与质量指标时,普通弦图只能画关系本身。这张气泡弦图把参与者变成大圆上一圈气泡:气泡大小承担第一指标、青蓝色带承担第二指标,关系弦只负责粗细。发文章的国家、分供应链的供应商、跨部门的团队——双编码让「谁重要」与「谁和谁强」同时可读,这也是文献计量协作网络最常用的画法。

  • 100% 免费使用,无次数限制
  • 无需注册或登录
  • 在浏览器中直接运行
  • 更注重隐私与处理效率

说明文档

免费在线气泡弦图(Bubble Chord Diagram)生成工具。上传两节 CSV:先 source,target,value 关系行,空一行后 name,size,color 节点指标,即可生成文献计量协作网络同款的气泡弦图:节点是一圈气泡,大小表规模、颜色青蓝渐深表强度,向心弦线粗细表关系强弱,并导出高清 PNG / SVG(无水印)。页面内置 24 个国家与 46 条合作关系的示例数据,打开即可看到效果。

什么是气泡弦图

气泡弦图是弦图的视觉升级:传统弦图用「弧段长度」编码每个节点自己的数值,而气泡弦图用圆周上的气泡代替弧段——气泡的直径承担第一指标,气泡的填充色沿青 → 蓝连续色带承担第二指标,节点之间的连线(弦)只需表达「谁和谁的关系有多强」。因为大圆本身不参与编码,节点哪怕多达 30 个,标签仍能沿圆外侧放射排布而不互相挤占。这正是科学文献合作网络(bibliometric collaboration network)里最常用的一类画法。

你能做什么

  • 上传两节 CSV —— 第一节 source,target,value 关系(≤120 行),第二节 name,size,color 节点指标(可选)。
  • 双编码气泡 —— 气泡大小按 size 平方根缩放,颜色把 color 归一化到 5 段青蓝连续色带。
  • 向心弦线 —— 每对关系的弦从两端气泡边缘出发、弯向圆心,线宽正比于 value,中心交叠自然加深。
  • 放射标签 —— 节点名沿大圆外侧沿半径排布,左侧自动翻转保持可读。
  • 浅色 / 深色 —— 一键切换底图风格,导出内容与预览一致。
  • 导出 PNG / SVG —— PNG 为 2 倍高清,SVG 为可缩放矢量,均无水印;数据全程本地处理。

如何使用

  1. 打开页面即可看到 24 国协作网络的示例气泡弦图;也可上传或拖入自己的 CSV(或先「载入示例」)。
  2. 需要时切换浅色 / 深色模式。
  3. 点击「下载 PNG」或「下载 SVG」保存图片。

CSV 模板格式(两节,中间留一个空行;纯英文文本可防 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

适用领域

  • 科研合作网络:国家 / 机构 / 作者两两合著量 + 各自发文量与影响力。
  • 供应链与商务:供应商之间或品牌与渠道的合作额 + 各端规模与评级。
  • 组织与团队:部门间往来次数 + 部门人员规模与活跃度。
  • 国际关系:国家间贸易或移民流量 + 经济体量与人均水平。
  • 开源生态:项目间依赖强度 + 各项目的 Star 数与贡献者活跃度。

说明

支持 .csv 文本文件;关系行重复会自动累加、自环被忽略;未在第二节出现的节点按总流量自动计算气泡。节点上限 40、下限 2。PNG 为 2 倍分辨率,SVG 为可自由缩放的矢量格式。


最后核验:2026-09-03

这张图怎么读

看三个通道即可:① 谁的气泡最大 = 谁的规模最大(右上角同心圆图例对应 1/3、2/3、满值);② 谁的颜色最深 = 谁的质量/强度最高(右上渐变色条两端即数据最小与最大);③ 谁与谁之间弦最粗 = 两者关系最强。注意气泡颜色编码的是节点自身的第二指标,与弦粗细编码的「关系强弱」是两个维度,不要混淆——大而浅的气泡可能是「量大但平均质量不高」。

常见问题

CSV 的两节格式怎么填?

模板先放 source,target,value 关系行(每行一对无向关系,重复行自动累加,自环忽略),最多 120 行;空一行后放 name,size,color 节点指标——size 决定气泡大小,color 决定气泡颜色深浅,没有指标的行可整节省略,相关节点会按总流量自动计算。

气泡大小和颜色是怎么映射的?

半径按 size 的平方根从最小值缩放到最大值(最大气泡是最大 size 的节点);颜色把 color 归一化后沿青 → 浅蓝 → 中蓝 → 深蓝 5 段连续色带插值,右上的渐变色条两端即你数据的最小与最大值。

气泡弦图适合多少节点、多少条关系?

参考风格最典型的是 20 ~ 30 个节点:节点再多标签会沿着大圆挤在一起。工具最多接受 40 个节点、120 条关系行;关系以「谁和谁强」为主,数量多也不影响圆圈布局。

更多设计工具

设计工具全部工具

潘通选色卡/拾色器

在线拾色并匹配最近潘通色号,支持 HEX/RGB 显示、复制与快速检索链接。

色轮取色器

基于 iro.js 的在线取色器,支持色轮交互、HEX/RGB/HSL/HSV 显示、复制与调色板管理。

界面配色方案生成器

基于 iro.js 色轮 + HSL 算法的配色方案生成器,提供 7 种配色规则(互补/类似/三角/分裂互补/四角/单色/正方形),支持实时 UI 组件预览与一键导出。

印刷品潘通色+CMYK+RGB配色工具

基于 iro.js + 150+ 潘通色卡的印刷品配色工具,支持 2-5 色组合、自动匹配潘通色号、CMYK 四色值实时计算与模拟铜版纸印刷预览。

在线渐变艺术生成器

受 Art of the Gradient 启发的在线渐变工具,支持多图层径向渐变、混合模式、随机生成与 CSS 一键复制。

在线弦图生成器 - 圆形彩色关系图

用圆形弦图读关系:节点排列成环,弧长即节点总流量,弦带的宽度与颜色把两两之间的流向强弱直接画出来。适合迁移、贸易、通话、引用等成对关系数据,三套配色主题,导出 PNG / SVG,全程本地处理。

雅致风格按日期分布环形气泡图

把全年事件按「月 + 日」投到同心日环上:月份在外圈、日期向内对齐,事件化作柔和的渐变气泡悬在对应的日期格上,密度与节日感一眼可见。雅致低饱和配色,支持浅色 / 深色底图与 PNG / SVG 导出。

双色渐变1维南丁格尔玫瑰图在线生成工具

每个花瓣由两种渐变色过渡晕染、呈环形对称展开的维南丁格尔玫瑰图生成器。中心可标注年份文字,支持浅色 / 深色底图与 PNG / SVG 导出,全程本地渲染。

海报风格两列桑基图在线生成工具

海报版两列桑基图:左侧节点逐个涂上明快的彩色,右侧节点按权重压出深浅灰阶,每条流带里直接标名称、数值与占比,版面平整适合直接当海报主视觉。支持浅色 / 深色底图与 PNG / SVG 导出。

在线河流图生成器 - 多层平滑堆叠流图工具

平滑河流图(Streamgraph):多条序列围绕一条随年份摆动的零基线上下对称堆叠,层与层之间平滑起伏如河流改道,适合把多组成部分随时间的变化叠在一起比较总量与份额。2-16 个系列、3-40 行,支持浅色 / 深色底图与 PNG / SVG 导出。

莫兰迪配色在线河流图生成工具 - 蓝粉渐变流图

莫兰迪蓝粉配色的河流图(Streamgraph / ThemeRiver):低饱和的蓝、灰蓝、藕粉让叠层河流安静不刺眼,层与层之间留出细白缝、顶部横排图例对号入座。适合既要叠层看趋势、又要温和高级配色出图的场景,支持浅色 / 深色底图与 PNG / SVG 导出。

连续误差带图在线生成工具 - 置信区间带图表

连续误差带图:主线之下不画固定的阴影条,而是一条逐点变宽的贴身误差带,波动大的时段带子自然鼓起、平稳的时段收窄,把「趋势」与「不确定」叠在同一张图里。经典米白、彩虹、莫兰迪三套配色,浅色 / 深色底图,PNG / SVG 导出。

曲线茎线条气泡图在线生成工具 - 对数轴棒棒糖气泡图

茎线气泡图(Line Bubble Chart):事件沿时间轴排列,一条细茎从底脊向右微微弯起、顶端顶起半透明气泡,Y 轴采用对数刻度让 0.7 与 14 这样跨数量级的值同框比较,气泡大小按平方根映射数值。五类配色、浅色 / 深色底图、PNG / SVG 导出,适合历史时间线与灾难 / 事件数据。

有机融合气泡枝干图在线生成工具 - Morph 分区气泡图生成器

有机融合气泡枝干图(Morph Bubble Zoning Diagram):子节点不再悬空,而是与所属中心节点像油滴聚并一样被 Metaball 曲面熔接,标签沿节点外缘圆弧排列,节点之间用虚线相连,青绿蓝四色和谐。适合表达「中心 - 成员」聚落结构,支持浅色 / 深色底图与 PNG / SVG 导出。

在线扇贝弦图生成工具 - 双分区引用弦图生成器

扇贝形双分区弦图:下方分组弧按总流量加权成不等宽扇贝,上方目标节点以等宽弧扇面排开,两侧之间的流量化作细缎带沿过圆心的贝塞尔曲线弯曲相连,节点标签沿径向排版不乱。适合「少数分组 → 大量目标」的二分关系数据,支持浅色 / 深色底图与 PNG / SVG 导出。

表格型热力图在线生成工具 - 带数值标注的矩阵热力图

矩阵热力图的“数字版”:每个单元格既着色又直接印出数值,发散色带以 0 为界向正负两端渐变,右侧竖条色标自带刻度,适合看正负不对称与离群格。经典、彩虹、莫兰迪三套配色,浅色 / 深色底图,PNG / SVG 导出。

带误差棒分组柱状图在线生成工具 - 双系列学术柱形图

学术图表风的带误差棒分组柱状图:双系列浅色柱体并排、黑色 I 形误差棒钉在柱顶、全框轴线加 45° 斜排的 x 轴标签,直接复刻论文配图的克制版式。适合实验组间测量对比,支持浅色 / 深色底图与 PNG / SVG 导出。

山峦图在线生成工具 - 纵向分层多重面积图生成器

山峦图(Ridgeline / Joy Plot):把多个分布沿各自独立水平基线层层排开,山形平滑起伏、互不遮挡,左侧逐行标注系列名、底部圆点图例收尾,多组分布的峰值与离散度并排比较。支持 6 个系列以内、最多 400 行,浅色 / 深色底图与 PNG / SVG 导出。

径向堆叠条形图在线生成工具 - 环形赛道图生成器

径向堆叠条形图(Racetrack / Circular Bar Plot):每一行数据化作一条同心圆环,环长按堆叠类目分成弧段、每段与总值成比例,像一圈圈赛车跑道标注着年度构成。环末端以斜体标出整环总值,右侧竖排方形图例对色。支持浅色 / 深色底图与 PNG / SVG 导出。

四列分阶段裁决桑基图在线生成工具

四阶段决策桑基图,把「来源 → 目的地 → 裁决结果 → 按来源分解」的漏斗一次画完:总量从左侧分层流入,右侧按来源拆出被接受与拒绝的对比条,附年份徽章与三套配色,适合审稿、审批、招生等决策流数据。支持深浅色底图与 PNG / SVG 导出。

三角阶梯式分布矩阵热图在线生成工具

把「每个类别落在各数值区间多少天」的频率矩阵排成阶梯式三角形热图:颜色即频次深浅,四分位区间自动框出、中位数圆点与均值叉号自动叠加,一眼看到整组分布的形态与离散。3 套配色、浅色 / 深色底图与 PNG / SVG 导出。

冷暖撞色渐变彩带连线弦图生成工具

Circos 风格冷暖撞色弦图:暖色节点与冷色节点各自连成连续弧段,节点之间的连线渲染成从一端暖色渐变到另一端冷色的双色丝带,阵营流动一眼分明。适合基因、网络、生态等成对矩阵数据,支持深色模式与 PNG / SVG 导出。

径向弧形流向图在线生成工具

径向弧形流向图:把「国家 → 组织」的流向摆在同心布局里,上方拱形弧按大洲分段、国家刻度沿弧排布,流线从刻度出发向下收束到按总流量缩放的组织节点。适合全球贸易、援助、移民等流向叙事,支持深色模式与 PNG / SVG 导出。

弧线图在线生成工具

经典弧线图(Arc Diagram):把共现关系压到一条水平基线上,带分组的彩色刻度块贴线排列、竖排分组色标在左侧,关系强度由上方半圆弧线的粗细与高低表达,最多 400 条关系依然清爽。适合时序叙事与关系对排序,支持深色模式与 PNG / SVG 导出。

分组配色玫瑰图在线生成工具

按分组给每一瓣着色、组与组之间色相自然衔接的南丁格尔玫瑰图生成器。把类别、数值与分组拖成 CSV 即可排版出整环花图,支持标签开关、浅色 / 深色底图与 PNG / SVG 导出。

Excalidraw 在线白板

基于 Excalidraw 的在线手绘白板,支持流程图、草图、线框图与图形标注,浏览器本地编辑并可导出 PNG、SVG 与 .excalidraw 文件。

浏览全部分类