问题标签 [chord-diagram]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
89 浏览

r - R:用circlize按到弦图中扇区的距离对链接进行排序

是否可以按与其他扇区的距离对使用circlize包制作的和弦图的每个扇区中的链接进行排序?

通常,链接可能会因其位置而在轨道附近重叠。这将通过分别更改来禁止。

一个链接交叉的示例图像

我只发现了按值大小对它进行排序的可能性link.sort,但这不是我想要的。

感谢你的回答!干杯。

0 投票
2 回答
1890 浏览

r - 调整 highlight.sector() 宽度和位置 - R 中的弦图(circlize 包)

我需要一些帮助来调整chordDiagram()circlize 包中突出显示的扇区。

我正在处理渔业上岸量数据。渔船在一个港口(母港PORT_DE)开始航行,并在另一个港口(登陆港PORT_LA)登陆。我正在处理以吨为单位的扇贝活重(着陆SCALLOP_W)。这是数据框的一个简单示例:

每个端口 ( ) 都按地区 ( ) 和国家 ( )Name_short进行标记。下面的例子。Region_lbCountry_lb

使用该circilze软件包,我生成了一个自定义chordDiagram的可视化端口之间的登陆流程。我通过调整扇区之间的间距调整了大部分设置,包括同一国家的港口分组(参见gap.after设置)。这是我的和弦图的当前形式,

港口间着陆流程图(弦)

除了按国家/地区突出显示部门的最后润色之外,我几乎已经制作了我想要的东西。我正在尝试使用highlight.sector()以突出显示同一国家的港口,但我无法调整突出显示扇区的宽度或位置。目前,国家部门与所有其他标签重叠。下面的例子:

在此处输入图像描述

请注意,两个数字之间有不同的颜色,因为颜色是随机生成的。

你能帮我做最后的调整吗?

生成如下图的代码:

0 投票
1 回答
137 浏览

javascript - 如何在d3和弦图中出现/消失相应的文本

当您将鼠标悬停在实际和弦上时,尝试执行类似于http://bl.ocks.org/eesur/0e9820fb577370a13099的和弦信息的操作。

我有一个非常基本的和弦图,但是当它悬停在和弦上时,我真的不知道如何让它使用我的矩阵中的实际数据。我尝试在内部和弦 var 中做一些事情,但它所做的只是将鼠标悬停在并删除所有图表并将 HTML 文本放在那里。

0 投票
1 回答
790 浏览

r - R:根据宽度对和弦图中的扇区进行排序?

我正在使用 R 中的 Chord Diagrams(通过 Circlize/Circos 包)来可视化数据集中的名称关联。我能够生成和弦图(如下所示):

在此处输入图像描述

但是,我不知道如何根据其各自的宽度对每个扇区(或每个名称)进行排序(例如:在和弦图的下半部分,我想像这样按降序排列扇区:N/A将被放在第一位,然后是 Dean、Aaron、Malcolm、... Jay)。是否有特定的 circos 功能可以让我这样做?

这是我的代码:

数据文件是一个制表符描述的 .txt 文件,前 2 列中有名称(每列有 10 个名称,列中有“Other”和“N/A”;第三列是频率计数)。

0 投票
1 回答
213 浏览

r - 在 chordDiagram 中使用预定义的调色板

我有这个调色板:

我尝试使用这些代码行在和弦图中创建足够的颜色(我需要 29 种颜色):

我收到此错误消息:

0 投票
1 回答
316 浏览

r - 基于矩阵输入格式化和弦图

现在的情况

在我之前的问题Data frame into a symmetric matrix 同时保留所有 row 和 column中,我最终得到了一个对称矩阵,我想将其转换为这样的格式化和弦图:

问题

但是,类似于使用 edgebundle 在弦图中着色边缘和顶点我想更进一步并更改线和节点的颜色(默认情况下和鼠标悬停期间),这在使用 igraph-object 时是可能的,如图所示在R和文档中的网络和弦图问题中

在阅读了我的PDF 文档后,edgebundleR我想这不是该软件包功能的一部分,但它也可以...

  • 包括基于组的分组标签c("a.", "b.")
  • 更改文本的字体
  • 选择类别时,对指向不同组的线条使用不同的颜色(如本中的输入和输出)
  • 为绘图添加标题,当绘图旋转时保持原位

我的问题

  1. 当使用矩阵而不是 igraph 对象时,是否可以为每组的线和节点着色,优先使用颜色代码(rgb,十六进制),如果是,如何?
  2. 尽管没有包含在基本功能中,有没有办法从上面进行高级格式化?(当然,不必在很大程度上重写或扩展包)

谢谢你的建议!

0 投票
2 回答
253 浏览

r - 来自源目标数据集的邻接矩阵

我有一个数据集如下

我需要创建一个邻接矩阵,以便在创建和弦图的下游使用。我正在寻找一种有效的方法来获得它。

我正在寻找如下可视化

和弦图

0 投票
1 回答
376 浏览

javascript - 如何在 arc.centroid() 上为 D3 和弦图组弧添加标签?

所以,最近我开始尝试使用D3 library。我已经成功地制作了一个有效的和弦图,这是笔

现在我需要向它添加一些信息以使其更有用。但由于某种原因,我无法使用arc.centroid(). 我尝试重新创建一些示例(12345),但没有成功。出于某种原因,在我的情况下arc.centroid()anything_else.centroid()在控制台中引发错误。此外,D3 会产生非常复杂的对象,因此在使用断点进行调试时,我不理解范围内的定义。

所以,这里的问题是:如何更改我的代码以实现所需的结果 - 在每个 svg 弧的质心上绘制 svg 文本?

0 投票
1 回答
331 浏览

r - 在 R 中的 circlize 包中绘制图

我有不同城市之间的航空公司连接数据。我想在 Circize 包的帮助下制作一个带有颜色控制的和弦图。我需要帮助

数据是这样的

0 投票
1 回答
451 浏览

javascript - D3.js 和弦图 - 使和弦接触拉开的弧线

D3 和​​ Javascript 新手在这里。我正在制作一个弦图,其中一条弧线从中心拉开。我已经设法将弧线移动到我想要的位置,但我想知道如何让这组和弦再次接触弧线而不弄乱其他组和弦的位置?

这是一张图片来解释我想要的结果。

我目前正在使用 if 语句来选择弧 C 停留的角度并转换其位置。

我也可以使用翻译来翻译和弦的位置。

但是,当我对其应用相同的 if 语句时,翻译停止工作。似乎 if 语句不满足条件。我想知道在 if 语句中放入什么正确的语句来帮助我选择我要移动的和弦部分。

谢谢!