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

javascript - 在显示和弦图时浏览大型 JavaScript 数组

我正在使用 Raphaeljs 和 Jquery 从一个巨大的数组中绘制和弦图,这需要很长时间,我试图找出一种方法来一次绘制一个和弦以避免 javascript 超时错误并防止用户不得不盯着一个空白屏幕。

这就是我绘制 SVG 的方式:

一次绘制一个和弦图而不是一次绘制它们的最佳方法是什么?

0 投票
2 回答
11528 浏览

javascript - 将标签添加到 D3 和弦图

我是一个新手程序员,所以这个对你们大多数人来说可能很容易。这个和弦图的标签和/或鼠标悬停文本需要哪些代码行?

http://mbostock.github.com/d3/ex/chord.html

在此处输入图像描述

我需要它在外条中显示类别的名称。当您将鼠标悬停时,我想显示确切的数字和两个类别。像这样:'A:来自 B 的 5 个东西'。

编辑:

我仍然无法弄清楚如何在我的代码中实现它。有人可以填写我的示例代码并解释发生了什么吗?

0 投票
0 回答
1178 浏览

d3.js - D3.js 和弦图适用于本地服务器但不适用于远程服务器

我有一个改编自https://gist.github.com/1308257/1b67569b598525efad854978eced78ee74eec158的和弦图。

在我的版本上,它在我的本地机器(Apache,CF9)上完美运行,但是当上传到主机器(IIS6,CF8)时,我得到“Unexpected value rotate(NaN)translate(390) parsing transform attribute”。

我怀疑这与动态生成的 .CSV 我正在传递它有关,或者与正在更改响应标头的设置服务器端有关。但是来自“看起来”的数据很好......

奇怪的是,看起来在实时站点上的 ga.js (!) 中也出现了错误,这很奇怪。

测试页面在这里:http ://www.oxfordmartin.ox.ac.uk/labs/chord/

这就是它应该的样子:应该看起来像 相反,我得到了这个坏的

这是我第一次尝试 d3,任何想法都非常感谢!

0 投票
0 回答
939 浏览

javascript - D3和弦图有准确的位置

我想在 D3 中创建和弦图,但要指定区间与确切位置的关系,如下面的Circos示例:Sibelia 比较基因组学示例

有没有办法在 D3 中做到这一点?

如果没有,有没有办法在任何其他 javscript 数据可视化库中做到这一点?

0 投票
2 回答
366 浏览

mysql - 在 MySql / GROUP BY 语法中创建和弦图矩阵

我在 MYSQL 中做一些数据分析,希望以下是可能的。

我有一个记录用户博客主题的表格,如下所示。我总共有 25 个主题,并且希望足够抽象,以便我们以后可以添加主题而不必重做查询(如果可能的话):

为了从这些数据中创建一个和弦图(http://bl.ocks.org/4062006),我需要分析任何两个主题之间的关系,或者通过两个主题对行进行分组,或者通过创建一个矩阵:

或者,甚至更好...

在MYSQL中这些都可能吗?如果是这样,最简单的方法是什么?

0 投票
1 回答
941 浏览

javascript - 使用 Chord Diagram 可视化通行流量数据

我有玩家之间的通行流量数据,这是数据,第一列和第一行表示玩家编号。

我想像Uber Rides一样可视化这些数据。我认为它是用Bostock's 的Chord Diagram构建的。

由于我几乎没有 JavaScript 方面的经验,我只是不知道从哪里开始。

我怎样才能实现这样的目标?

0 投票
5 回答
30811 浏览

r - 哪个库可用于在 R 中制作和弦图?

cran 中是否有任何包可以绘制这样的和弦布局:(这种可视化也称为和弦图

弦图

0 投票
1 回答
137 浏览

mysql - 关系弦图的表间连接

我有一个问题。这对你来说可能很容易。

我正在尝试构建一个 d3js 和弦图 - 像这样(http://bl.ocks.org/4062006):

在此处输入图像描述

但是,我正在从我的 mysql 数据库中获取数据

我的表如下所示:

我希望输出看起来像这样:

这很容易,可以通过以下方式产生:

但我还有另一个问题,我还有两个看起来像这样的表: 表 1:

表 2:

entryid 基本上是第一个表的 id,表明 Table2 和 Table3 只是 table1 的子集

如果将这三个表结合起来,它可能看起来像:

因此,对于和弦图,我希望将所有这些表格都考虑在内,最终给出如下内容:

请帮帮我。

0 投票
1 回答
2537 浏览

d3.js - 在没有通常的 svg:text 的 d3.js 和弦图中旋转文本路径

我正在尝试改编 Mike Bostock 的这个和弦图:

我想让文本标签像这个和弦图一样向外旋转:

http://bost.ocks.org/mike/uberdata/

在此处输入图像描述

这里有一个例子

http://bl.ocks.org/mbostock/910126

在此处输入图像描述

但是,转换是使用 svg:text 完成的:

我试图适应的那个使用“文本”和“文本路径”,我似乎无法简单地添加一个变换/旋转属性。添加这一行

下面的代码什么都不做:

有什么想法可以向外旋转文本,以便可以显示更小的和弦组文本标签而不会被捆绑或(就像原始解决方案一样)完全关闭?

0 投票
1 回答
624 浏览

r - 不知道为什么 dcast() 这个数据集会导致删除变量

我有一个看起来像这样的数据框:

每行描述从一个用户发送给另一个用户的消息数量(长度)。

我想做的是创建每个国家之间发送的消息的可视化(通过 D3 中的和弦图)。

有近200个国家。我使用函数 dcast 如下:

当我有一个较小的数据集和较少的变量时,这对我有用,但是这个数据集超过 3M 行,并且不容易调试,可以这么说。

无论如何,我现在得到的是一个不是正方形的矩阵,我不知道为什么不。我期望得到的本质上是一个矩阵,其中(i,j)th单元格代表从country ito发送的消息country j。我最终得到的结果与此非常接近,但显然缺少一些行和列,这很容易发现,因为 US->US 消息显示移动了一行或一列。

所以这是我的问题。有什么我正在做的事情显然是错误的吗?如果没有,我应该在数据集中寻找一些“奇怪”的东西来解决这个问题吗?