问题标签 [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 投票
2 回答
672 浏览

javascript - D3 - 弦图的弧线未显示

我试图了解 D3 和弦图是如何工作的。我的第一步是使用以下脚本显示图表的弧线。但由于某种原因,弧线没有出现。

在这里查看网页

有人能告诉我我错过了什么吗?

0 投票
0 回答
115 浏览

javascript - 在d3中设置和弦图的最小范围

我在 d3 中创建一个和弦图,并且有几个值为 0 的和弦组。因此,和弦组被渲染为弧宽接近 0 的条子,这使得添加任何交互变得困难(它使几乎不可能的鼠标目标)。我想知道是否有任何方法可以应用输出范围,使我可以为组成和弦组的和弦提供非零的最小输出值。

0 投票
3 回答
15205 浏览

r - R用数据框的circlize制作圆/弦图

我想使用 circlize 包制作和弦图。我有一个包含四列汽车的数据框。前 2 列包含有关汽车品牌和拥有的型号的信息,接下来的两列包含受访者迁移到的品牌和型号。

这是数据框的一个简单示例:

能把它做成和弦图就好了。我在帮助中找到了一个有效的示例,但我无法将我的数据转换为正确的格式以制作绘图。此代码来自 circlize 包中的帮助。这会产生一层,我想我需要两个,品牌和型号。

此代码生成以下图:

在此处输入图像描述

理想的结果就像这个例子,但是我想要汽车品牌而不是大陆,在内圈属于该品牌的车型 在此处输入图像描述

0 投票
0 回答
178 浏览

javascript - 带负值的和弦图 (D3)

我正在寻找一种在和弦图中可视化负数的方法。

当我向我的数据集添加一个负数时,该组将扩展到负数,与其他组重叠。

是否可以在不破坏布局的情况下将负数添加到和弦图?

0 投票
0 回答
178 浏览

svg - 带 D3 的流 svg 生成器

我正在寻找一个生成流的 d3js 元素。本质上,我需要的是一个生成和弦的对象,可以在其中指定(并且仅)作为目标字段的点(而不是通常使用的弧)。基于 Web 上可用的 D3js 的流程图仅在目标点和源点实现具有相同厚度的流。

提前致谢!

0 投票
1 回答
950 浏览

javascript - 根据 d3.js 上的数据更改圆弧外半径

第一次使用,所以请原谅任何意外违反协议。我正在尝试将形成 D3 生成的弦图外环的弧线转换为各种条形图,每个组的弧线具有不同的外半径。我在 D3 文档中没有发现任何暗示这是不可能的,但我还没有找到解决方案。棘手的部分似乎是获得一个函数来执行并​​从我存储的 csv 文件中检索相关数字,并相应地更改弧的外半径。这是我到目前为止所拥有的(修改自“Andrew RP's Andrew's Chord Example”):

但是当我运行程序时,它不显示外弧,并在浏览器的开发人员窗格中提供错误消息,说它无法解析“d”,并表明它在执行 outerRadius(...) 中的函数时遇到了问题。任何帮助或建议将不胜感激。谢谢!

0 投票
1 回答
595 浏览

javascript - 使用 D3.js 在和弦图中更改单个和弦颜色

D3 和​​ Javascript 新手在这里。我想更改用 D3 渲染的和弦图中单个和弦的颜色。理想情况下,这种颜色可以是任意的,与和弦的源/目标实体没有关系。

如何识别单个和弦,以便以后可以访问它来填充它?

这是具有所需效果(绿色和弦)的图像(使用图像编辑器编辑不佳)。

0 投票
0 回答
1097 浏览

javascript - 处理 d3.js 和弦图中的颜色

我发现了一个可视化 Über 游乐设施的和弦图的绝佳示例:http: //bost.ocks.org/mike/uberdata/

这是使用的代码(在此处完全可用:https ://github.com/sghall/d3-chord-diagrams ):

这是它显示的内容:

在此处输入图像描述

现在,这表示一个有向图,其中任何给定弦的颜色都反映了边缘的原始颜色。

如果我想显示无向数据怎么办?有没有办法混合来自起点和目的地的两种颜色?或者更好的是,将和弦颜色从起点线性淡化到终点?

0 投票
1 回答
140 浏览

javascript - java脚本中通过回调的代码流

我在分析上述代码中的代码流时遇到了困难。在mpr.setFilter(function (row, a, b)) 调用中,什么是row、a、b?我找不到这个名称的任何变量。此外,调用如何从一个函数转换为另一个函数。请帮忙。

0 投票
2 回答
2236 浏览

r - R 圆和弦图

我正在学习如何在 R 中创建圆形图,类似于 CIRCOS 我使用包 circlize 根据航班是否为 OB、入站和返回来绘制起点和目的地对之间的链接。数据的逻辑并不重要,它只是一个玩具示例

我已经根据下面的代码使情节工作,该代码基于以下逻辑工作

  1. 获取我的数据,将目的地列与航班类型结合起来
  2. 转换为矩阵并将原点和新列输入 circlize

参考

我非常喜欢这个情节,但想稍微改变一下。例如,FI(即芬兰)在图 FI IB、FI OB 和 FI 上有 3 个测量值。如果可能的话,我想将它们全部组合在 FI 下,并使用配色方案、箭头或什至添加一个额外的轨道来区分三种类型的航班,作为 IB OB 和 RETURN 航班的保护伞

例如,

  • FI OB 将放置在 FI 中,但有一个指向 GB 的单向箭头来表示 OB
  • FI IB 将放置在 FI 中,但有一个单向箭头进入 FI
  • FI RETURN(如果存在)将有一个双头箭头

谁能帮忙,有没有人见过类似的事情?最终结果应该只显示地图上的国家/地区,以便人们可以很快看到哪些国家/地区的航班数量最多

我曾尝试关注其他帖子,但恐怕当他们转向更高级的内容时我会迷路

非常感谢您的宝贵时间