问题标签 [sankey-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 回答
767 浏览

r - 将 rCharts 图形嵌入到 slidify 幻灯片中

我仍在尝试将使用 rCharts 生成的图表放入 slidify 幻灯片中。我尝试将 rCharts 生成的脚本复制到 slidify 的 .Rmd 文件中,但我得到的只是一张空幻灯片。

这是 .Rmd 文件:

当我在 RI 中编译 .Rmd 文件时,得到以下输出:

知道我在这里做错了什么吗?非常感谢!

0 投票
2 回答
2339 浏览

d3.js - 桑基图 (D3) - 如何为链接值使用多个单位以及如何向鼠标悬停弹出框添加注释?

http://bl.ocks.org/d3noob/5028304

在此处输入图像描述

查看此示例,将鼠标悬停在链接上会显示源、目标和值。该值附加了变量“units”,在本示例中为“Widgets”。

有什么方法可以创建类,以便在一个源和目标之间的链接附加一种类型的单位,而其他人使用不同的单位?在此示例中,假设我们希望“能源”及其所有目标之间的链接使用 MWh 作为其单位,但所有其他链接将使用小部件。

我也很想知道如何在鼠标悬停时弹出的文本框中添加注释,例如 URL。

0 投票
1 回答
2767 浏览

d3.js - 使用 d3.js 创建 Sankey 图的问题(2)

这是我之前的问题“使用 d3.js (1) 创建桑基图的问题”的延续

在这里,我正在尝试遵循timingprtfolio 在http://timelyportfolio.github.io/rCharts_d3_sankey/example_build_network_sankey.html发布的示例,该示例使用igraph 和rCharts 包来创建Sankey 图模板

在此处输入图像描述

运行 R 脚本的输出是

./rCharts_d3_sankey-gh-pages/libraries/widgets/d3_sankey/layouts/chart.html

结果 html 是

这会在引用 var params = {{{ chartParams }}};

Timelyportfolio 不确定可能出了什么问题,但就如何改善自定义模板的痛苦提出了一些建议

同样,任何能帮助我理解出了什么问题的见解都将不胜感激

非常感谢

朱利安

0 投票
0 回答
1050 浏览

d3.js - 使用 d3.js 创建 Sankey 图的问题(3)

这与我之前的问题“使用 d3.js(1 和 2)创建桑基图的问题”有关

在这里,我试图复制 Malcolm Maclean 在他的“D3 Tips and Tricks”一书中提供的示例,他对“sankey-formatted-json”的实现有效,我的没有:>)

我的测试数据集(TestDrive_ext'json)是

从 Malcolm 的示例中复制的代码是

同样,这不会在 Javascript 控制台中引发任何错误,但图表不会呈现,但正如我之前所说的那样 Malcolm 的

一个 jsFiddle,我不太明白如何解释,可在http://jsfiddle.net/Dzy82f/z6bEx/

再一次,任何能帮助我理解我哪里出错的见解都将不胜感激

非常感谢

朱利安

0 投票
3 回答
633 浏览

sql - 删除循环冗余的 SQL 查询

我有一个看起来像这样的表:

我需要删除最后一行,因为它循环到第二行。似乎无法弄清楚如何做到这一点。

编辑

有一个索引日期字段。这是桑基图。示例表中的数据实际上是查询的结果。基础表具有:

构建表的查询是:

在示例中,最后一行 C 到 B 是倒退的,我需要忽略它,否则 Sankey 不会显示。我只需要显示前进路径。

0 投票
2 回答
5152 浏览

d3.js - 过滤 d3.js sankey 图的数据

我正在尝试让 d3.js Sankey 可视化根据类别过滤数据集。

我正在使用 d3.csv 方法输入数据,如本例所示 - http://bl.ocks.org/timelyportfolio/5052095

在此处输入图像描述

但是,我想上传一个包含四列的数据集 -

来源、目标、价值、类别

我的目标是拥有能够在类别之间切换的可视化。因此,每个 Sankey 可视化仅代表一个特定类别。然后用户可以从下拉菜单切换到另一个。

这可以使用当前的 d3.csv 输入法吗?

0 投票
1 回答
1322 浏览

javascript - d3 Sankey - 是否有可能影响或决定节点的位置?

我正在使用 d3.js 的 Sankey 插件。有没有办法影响节点的自动放置?

如果你比较下面的2张图片。

自动生成的桑基图:https ://files.secureserver.net/0s3DEU5s3OZtqL

在此处输入图像描述

在我手动重新安排之后:https ://files.secureserver.net/0sYJF1w7f54wdF

在此处输入图像描述

您会看到节点彼此居中对齐,这使得在您手动重新排列节点之前很难使用图表。我能以某种方式影响这个流程吗?或者它就是这样吗?

顺便说一句 - 有没有办法指定节点的文本不应长于节点的高度?

0 投票
1 回答
596 浏览

javascript - 动画时间序列流程图

我很抱歉,因为我是新手,但我已经做了很多搜索,我似乎无法找到我正在寻找的开源示例。

我想以流程图的形式可视化通过系统的人员流动。

但是,我希望能够让流程图的方框代表每个阶段,在特定时间根据该阶段的人数改变大小(包括出现和消失)。

我已经看到使用 d3 的动画桑基图,其中路径大小随时间而变化,但我试图反映我们发布的静态流程图,这看起来太不同了。

有谁知道这是否可能,如果可以的话,有人能指出一个合适的例子吗?

0 投票
1 回答
7667 浏览

d3.js - d3 Sankey - 突出显示从头到尾的所有连接路径

我试图突出显示所有连接的链接和目标节点的链接,直到布局结束。

第一级突出显示可以很容易地实现如下 -

在节点单击时,调用highlight_paths(1)

但是我还不能正确编写递归算法来获取每个连接的源和目标节点的所有 sourceLinks 和 targetLinks。

感谢所有想法!

谢谢。

0 投票
2 回答
1217 浏览

webkit - PhantomJS 不完全将 Sankey 图 HTML 渲染为 PNG

我无法调整 PhantomJS 以创建与原始浏览器演示相匹配的 PNG 文件。

这是整个示例 html 文件。这是一个使用 rCharts 和 d3-sankey 创建的 sankey 图。(您需要将文件保存到硬盘驱动器并从那里查看。)

我在 Windows 上运行并使用 rasterize.js:

ISSUE:下面是在浏览器中查看时其中一个文本字符串的片段:

在此处输入图像描述

这是 PhantomJS 创建的 PNG 中相同字符串的片段:

在此处输入图像描述

如何使文本阴影消失?我玩过各种 CSS 属性(text-shadow)和特定于 webkit 的属性(例如,-webkit-text-rendering),但似乎无法让它消失。

这是 PhantomJS 中的设置吗?在底层的 webkit 中?或者别的地方?