光谱编号弦图在线生成工具

光谱编号弦图在线生成工具

开始使用 光谱编号弦图在线生成工具

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

上传 source,target,value 三列 CSV,一键生成光谱编号弦图:节点按总量从大到小沿圆周顺时针排列,弧色取自一条连续的光谱色带(红→橙→黄→绿→青→蓝),所以色相本身就是排序,最大的节点是红色、最小的偏蓝。每条关系画成一条等宽青绿色细线,从两端节点的弧段中点出发、向圆心收拢并交叉,密集时织成一张网;圆心留一圈半透明粉色圆环作为视觉锚点,每段弧顶还有一个黑色小圆点标记。弧内白色细分隔线就是该节点的连接清单。适合共现、贸易、引用、合作等两两关系矩阵,支持深浅色与 PNG / SVG 导出,全程本地处理。

拖拽 CSV 文件到此处,或点击上传 格式:source,target,value;最多 200 行、节点 ≤60 个。A→B 与 B→A 会自动合并为一条双向关系(数值相加)
显示模式 浅色
所有数据均在浏览器本地处理,不会上传服务器

关于这个工具

当关系矩阵有几十个节点、上百条连接时,普通弦图的宽彩带会互相遮盖成一团色块,而排名信息还藏在图例里。光谱编号弦图把这两件事都换掉:颜色不再循环取色板,而是沿一条连续光谱按节点排名采样,于是色相本身就是刻度盘,最红的最大、最蓝的最小;关系不做宽度映射,统一成等宽细线向圆心收拢,密集时织出的是一张能顺着走的网—你能从某条线一路追到它连接的两个节点。

  • 导出高清 PNG / SVG,可继续编辑
  • 内置多套配色主题,一键切换
  • 支持浅色 / 深色画布
  • 免费无水印,无次数限制

与通用制图方式对比

维度 Gotokit 工具 常见替代方式
视觉方向 面向特定图法与风格快速出图 更通用,但前期配置更多
导出 更强调快速导出 PNG/SVG 格式更多,但步骤更重
适合场景 汇报、专题页、社媒视觉 从零构建复杂分析图表

说明文档

免费在线光谱编号弦图生成工具。上传 source,target,value 三列 CSV,就能把一张两两关系矩阵画成一个彩色圆环:节点按总量从大到小顺时针排列,弧色取自一条连续的光谱色带(红→橙→黄→绿→青→蓝),色相本身就是排序,最大的节点是红色、最小的偏蓝;每条关系是一条等宽青绿色细线,从两端节点弧段的中点出发、向圆心收拢并互相交叉,密集时织成一张网;圆心留一圈半透明粉色圆环作视觉锚点。打开页面就有默认示例,可直接导出高清 PNG / SVG。

什么是光谱编号弦图

普通弦图用弦带的宽度表达流量大小,读起来要比较粗细;光谱编号弦图换了一条思路:把顺序交给颜色,把关系交给细线。节点的弧长依然按总量分配,但颜色不是循环取色板,而是沿一条连续的光谱色带按节点序号采样——排名第 1 的节点落在色带最左端的红色,最后一名的节点落在最右端的蓝色,中间的节点依次取橙、黄、绿、青。于是你不需要看图例:越红越大,越蓝越小。

第二条差异是关系线的形态。它不做成有宽度的彩带,而是统一 2px 的细线,从两端节点各自弧段的中点出发,用一条向圆心收拢的软曲线连起来。这样做的好处是:当关系数量多、网络密集时,宽彩带会互相遮盖成一团色块,而细线会织出一张能看清脉络走向的网——你能顺着某条线走完 A 到 B 的整条路径,也能一眼看出哪些节点处在网络的枢纽位置。

环上还有三个细节:每段弧内按该节点的各条关系值切出白色细分隔线,分隔线的数量就是它的关系条数;每段弧的正中央有一个黑色小圆点作为节点标记;弧外侧沿切线方向标注节点名,文字顺着圆周排布,不占用圆内的绘图面积。

你能做什么

  • 上传三列 CSV:source,target,value,一行就是一条关系,value 必须为正数。
  • 自动对称合并:A→B 与 B→A 会合并成一条双向关系,数值相加,避免同一条连接被画两遍。
  • 总量降序排环:节点按各自的关系总量从大到小顺时针排列,最大的节点固定在 12 点方向。
  • 连续光谱取色:按节点序号在色带上线性采样,节点再多也不会出现颜色重复,色相即排名。
  • 等宽细线关系:所有关系统一 2px 青绿细线,密度高时形成可读的网络纹理。
  • 弧内白色分隔线:把每段弧按各条关系值切分,格数等于该节点的关系条数。
  • 中心粉色圆环:半透明装饰锚点,稳定视线,不承载数据。
  • 默认示例即模板:下载 CSV 模板后再上传,会得到与首屏完全一致的图。
  • 深浅色切换:深色模式只改变底色与文字对比,不改变图形结构。
  • 导出 PNG / SVG:适合报告插图、PPT、海报与数据看板。
  • 本地处理:所有数据仅在浏览器里解析和绘制,不上传服务器。

如何使用

  1. 直接打开页面就能看到默认示例:28 个国家节点、119 行原始流向合并后的双向关系网。
  2. 上传 CSV,或用「下载 CSV 模板」拿到格式后自行填写。最多 200 行,节点 ≤60 个。
  3. 鼠标悬停任意细线,可查看「节点 ↔ 节点 : 数值」。悬停彩色弧可查看该节点总量。
  4. 切换浅色 / 深色后,再下载 PNG 或 SVG 即可保存。

CSV 示例:

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

上面两行 USA,CHN,540 与 CHN,USA,520 会被合并为一条 USA ↔ CHN、数值 1060 的关系。

适用领域

  • 共现与共词:关键词、标签、商品两两共同出现的频次矩阵,看主题簇与枢纽词。
  • 贸易与物流:国家或区域之间的双向货量,看谁是大节点、谁在边缘。
  • 引用与协作:论文引用、专利引用、作者合作网络,看核心机构与合作团簇。
  • 通话与消息:号码、账号之间的往来次数,看异常枢纽与环状结构。
  • 生态与生物网络:物种互作、蛋白互作、基因共表达的关系矩阵。
  • 组织内部往来:部门、团队之间的工单流转、审批、邮件往来频次。
  • 迁移与人口流动:城市之间的迁入迁出对,看双向强度分布。

说明

这个工具的核心是用颜色承载顺序、用细线承载关系:弧长仍按总量分配,但颜色沿光谱连续采样,于是色相本身成了排名刻度,省掉一层图例阅读成本;关系线不做宽度映射,是为了在密集网络里保留可追踪的路径感。因此它最适合节点数中等(10~60)、关系较密的矩阵型数据。如果你需要精确比较单条关系的强弱、宽窄差异对你更重要,普通弦图更合适;如果数据天然分成「多而小」和「少而大」两侧,应该用分组流向弦图。


最后核验:2026-09-17

这张图怎么读

先看颜色:从最红的那段弧开始顺时针扫一圈,颜色逐渐过渡到蓝,这条色带就是节点的排名刻度,最红的节点总量最大、最蓝的最小,不需要图例。再看弧长:每段弧的角宽与它的总量成正比,红弧通常最长。接着看弧内的白色分隔线:它们把这段弧按各条关系切分,分隔线越多说明这个节点连接的对象越多;每段弧中央的黑点就是节点标记。最后看圆内:一条青绿细线代表一条双向关系,线的两端分别落在两个节点弧的某个分段中点上,向圆心收拢再张开——把所有线叠起来就会自然浮现出枢纽节点(线都汇向它)和边缘节点(只有一两条线)。中间的粉色圆环只是视觉锚点,不代表任何数据。

常见问题

弧的红蓝色是怎么定的?颜色代表数值大小吗?

颜色代表的是**排名**,不是绝对数值。节点先按各自的关系总量从大到小排序,然后第 1 名取光谱色带最左端的红色,最后一名取最右端的蓝色,中间的节点按序号线性插值出橙、黄、绿、青。所以「越红越大、越蓝越小」成立,但两个红色深浅接近的节点,它们的具体总量仍然要看悬停提示或弧长——色相只给顺序,弧长才给比例。这样做的好处是节点再多也不会出现颜色循环复用,也不会因为一个极端值把其余节点的颜色全挤到同一边。

A→B 和 B→A 都写在 CSV 里,会画出两条线吗?

不会。工具会把 `A→B` 与 `B→A` 识别为同一条无向关系,合并成一条线并把数值相加。例如 `USA,CHN,540` 与 `CHN,USA,520` 会变成一条 USA ↔ CHN、数值 1060 的连接,悬停提示也用「↔」表示双向。这样做既能容纳双向流量数据(进出口、迁入迁出、来回通话),又不会让同一条连接被画两遍、把中间区域堆成无意义的重叠。如果你的业务确实要区分方向(例如必须看出 A 出口到 B 与 B 出口到 A 的差异),请改用分组流向弦图或带箭头的桑基图。

什么时候该用它,而不是普通弦图?

当你同时需要**顺序**和**可追踪的路径**时用它。如果节点有几十个、关系上百条,普通弦图的宽彩带会互相遮盖成一团色块,你很难顺着某一条带子走完它连接的两端;细线版本则能在同样密度下保住路径感。同时,颜色沿光谱连续采样让排名直接可视,省掉一层图例阅读。反过来,如果你的核心诉求是**精确比较单条关系的强弱**,宽度差异对你更重要(例如要一眼看出哪条连接比另一条粗一倍),普通弦图更合适;如果数据天然分成「多而小」与「少而大」两侧,则应该用分组流向弦图。

这个图表适合做汇报、论文还是社媒图片?

都适合,但重点不同。汇报更看重可读性,论文更看重结构与注释,社媒更看重风格和画面密度。建议根据场景调整配色、标签和导出尺寸。

导出 PNG 和 SVG 应该怎么选?

做演示、社媒或聊天发送时,PNG 更直接;需要继续编辑、放大印刷或嵌入设计系统时,SVG 更合适。若平台不支持 SVG,优先导出高分辨率 PNG。

这个工具和通用图表软件相比有什么区别?

这里的工具更偏向某一种版式或图表语法,打开即可直接得到风格明确的结果;通用图表软件适合从零搭建各种图,但配置和调整成本通常更高。

手机和平板上也能用吗?

大多数工具都支持现代移动浏览器,但复杂图表、大文件处理或精细拖拽类工具在桌面端体验通常更好。若你需要更高效率,建议优先使用电脑。

更适合一次性使用还是长期工作流?

它最擅长快速完成单次任务、核对结果或临时导出;如果你需要持续自动化、多人协作或深度集成,通常还需要结合桌面软件、脚本或企业系统。

更多设计工具

设计工具全部工具

环形证据网络图在线生成器

独立录入节点患者数和成对比较研究数,从 CSV 生成环形证据网络图。圆点面积表示患者规模,曲线粗细表示研究数量,支持深浅色模式及 PNG/SVG 导出,数据在浏览器本地处理,不执行统计分析。

潘通选色卡/拾色器

在线拾色并匹配最近潘通色号,支持 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 导出。

能源流向桑基图在线生成工具

自由深度的能源流向桑基图,把「能源来源 → 转换载体 → 终端用途」的逐级流动一次画完:每个节点独立大地色配色,流带沿流向做「源色 → 目标色」渐变并以约 0.2 极低不透明度叠印,所有节点标签统一置于竖条右侧且无底色遮挡。三套配色、浅色 / 深色底图与 PNG / SVG 导出。

代谢物通路富集桑基图在线生成工具

把「代谢物 → 通路」的两列富集桑基图与右侧富集气泡面板一次画完:流带统一浅灰色并以约 0.6 半透明度叠印,交叠处自然加深;所有节点标签统一置于竖条左侧、右对齐并垂直居中对齐,不带药丸底色遮挡流带;左列约 50 个代谢物取淡彩多色相、右列通路取宝石大地色;气泡面板与通路逐行对齐,x 为 -Log(Pvalue)、面积映射 Count、红色深浅映射 Hit Ratio。支持浅色 / 深色底图与 PNG / SVG 导出。

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

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

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

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

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

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

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

气泡弦图把成对关系数据摆上一个大圆:每个节点是一颗气泡,气泡越大代表节点规模越大,颜色沿青蓝连续色带由浅到深代表强度越高;节点间的弦线以向心曲线相连,粗细代表关系强弱,节点名沿大圆外侧辐射排布。适合科研合作网络、供应链依赖、部门往来等「关系 + 节点指标」场景,30 个节点左右依然清爽,支持深色模式与 PNG / SVG 导出。

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

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

双色半环二分流向弦图在线生成工具

双色半环二分流向弦图:把「源 → 目标」的二分流向摆在双层半环上——上环 slate 蓝灰源扇区、下环粉红目标扇区,节点宽度按总流量加权,贝塞尔流线穿心直指目标并带方向箭头。适合威胁建模、能力映射、需求追溯等两组角色关系,支持深色模式与 PNG / SVG 导出。

双扇形彩色弦图生成工具

双扇形彩色弦图把二分流量摆成沙漏:顶部五个实色扇区、底部五个同色系浅色扇区各自沿同一圆弧展开成对置扇形,3 点与 9 点方向留出开口;半透明彩色弦带穿过中心收腰相连,每个扇区自带 0 起的刻度轴(主刻度每 10 单位)。适合渠道流转、成本分摊、需求覆盖等两组角色的矩阵数据,支持深浅色与 PNG / SVG 导出。

Circos 共线性弦图

Circos 共线性弦图不是把节点当离散分类,而是把圆环分段当作带一维坐标的连续轨道:外侧刻度显示区间位置,中心细曲线表示“这一段区间对应那一段区间”的映射 / 共线性关系。适合基因组共线性、块迁移、地址区间映射、批次重组与地层对比,支持深浅色与 PNG / SVG 导出。

分组流向弦图在线生成工具

把「很多来源汇入少数分组」画成一个圆环:左半圈的小弧是各个来源(统一紫色),右半圈的大弧是分组(每组一色,配右侧竖排图例),弧宽等于节点总量,中间彩带按目标分组着色。分组弧内还有白色分隔线,一眼看清每组由几个来源构成。适合样本归类、渠道归因、主题归属与批次去向,支持深浅色与 PNG / SVG 导出。

弧线图在线生成工具

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

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

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

Excalidraw 在线白板

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

浏览全部分类