问题标签 [networkd3]

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 回答
613 浏览

r - 错误:尝试在 shiny.io 上部署应用程序时找不到函数“forceNetworkOutput”

我正在尝试构建一个闪亮的应用程序,它利用networkD3R 中的包为每个总统创建相关术语的可视化。代码如下。

我在 Stackoverflow 上查找了有关此问题的其他示例,这些示例与未在 Shiny.io 平台上运行的 Shiny 应用程序有关,并且似乎存在有关日期格式的问题。用于该项目的数据集可以在https://github.com/adhok/rvest-project找到。先感谢您!

0 投票
1 回答
113 浏览

r - networkD3 与 rCharts 冲突

我创建了一个相当大(多页)的 flexdashboard,其中包括不同的 htmlwidgets(plotly、highcharts、leaflet 等)。

为了避免 rCharts 和其他 htmlwidgets 之间的冲突,我手动包含了 javascript 库,不包括 jQuery:

另外,我将 rChart 块设置为:

但是,当我绘制一个 simpleNetwork 时,如果 rCharts 包含在 flexboard 中,它不会呈现。

有任何想法吗?

PS不确定还包括什么以使问题更具可重复性。

0 投票
1 回答
423 浏览

javascript - 将networkD3中节点上的clickAction链接到选项卡中的内容预览

是否有一个选项可以使用clickActionfrom forceNetworknode 在网格旁边的面板中预览该节点的特定数据?我已经设法clickAction调用了一个指向特定站点的超链接,但我想更改它,以便单击节点只会在屏幕右侧显示一些数据,而不是退出现有屏幕。

这是带有超链接的代码:

期望的结果:将节点从forceNetwork, 链接到 UI 中的新面板,该面板将根据单击的节点显示不同的内容!

0 投票
1 回答
152 浏览

r - 在 Rmarkdown 中结合 netword3D 和 mermaid 会导致渲染混乱

我想htmlwidgets在同一个 Rmarkdown 文档中包含两个 - 包中的mermaid流程图DiagrammeRnetwork3D图表。如果我将两者都包含在我的文档中,那么它们都不会呈现,但如果我只包含其中一个,那么它将被呈现。

这是 Rmarkdown 中显示问题的最小示例

如果我DiagrammeR基于添加多个图表,grViz那么一切都很好。另外,如果我省略了mermaid情节,那么我会看到剩下的两个。他们不应该很好地一起玩吗?我试图交换library呼叫的顺序无济于事。

0 投票
2 回答
3566 浏览

javascript - R networkD3 包:forceNetwork() 着色

我真的很喜欢这个网络的样子:

在此处输入图像描述

来源:https ://christophergandrud.github.io/networkD3/

每个扇区有多种颜色,其中每种颜色代表网络中与其他节点相距足够远的节点的某些不同部分。

但是,在任何一个特定部门中,我不喜欢src节点与节点的颜色相同target,所以我问了一个问题(https://stackoverflow.com/a/35371131/3878253)如何区分两种颜色。

现在有没有一种方法可以扩展此代码以恢复多种配色方案(以区分各个部门),同时保留颜色的漂亮src/target差异?这是代码:

0 投票
1 回答
41 浏览

r - 希望在同一张图表上结合球队位置和球员转会

球队,锦标赛,球员

我希望在同一张图表上结合球队位置和球员转会。X 轴可能是时间。我在ppt中模拟了一个糟糕的例子。我已经尝试过球员转会的 sankey 图,但我无法控制球队相对于时间线的位置(大多数 sankey 选项,如 networkD3 中的自动放置)。我可以为团队位置制作凹凸图。我如何将两者结合起来,并控制时间线以使它们同步?我已经在 R 中完成了 sankey 图和凹凸图,并且更愿意在那里进行。

0 投票
1 回答
541 浏览

javascript - 从networkd3提取节点信息到闪亮的反应变量

我很难在 Shiny 中使用 networkd3 包。我已经绘制了一个图表,并希望以反应方式将节点信息提取回闪亮,以可视化有关某个节点的更多信息。例如,具有中心节点“Father”和其他“Son1”...“SonN”的星图。单击 Son 节点后,我希望能够访问 Shiny 中的“Son1”名称,以从 Shiny 中的数据框中提取信息并可视化其他信息(例如工作、年龄等)。例如,我可以使用 clickAction 在屏幕上显示一条消息:

但我不知道如何让这个 d.name 值恢复为闪亮,所以我可以进一步使用它,并且在开始运行闪亮时我没有收到错误,因为 d.name 从一开始就不存在(也许在这里观察函数?)我基本上需要一个等效的 DT package input$table_rows_selected

0 投票
1 回答
511 浏览

r - 使用networkd3的R中离散状态序列的桑基图

我正在尝试使用http://christophergandrud.github.io/networkD3/#sankeynetworkD3中描述的包在 R 中创建交互式桑基图。我的数据是离散状态序列(DSS)的格式。1 行代表 1 个事件序列。NAs 表示序列已经结束。在 R 中重新创建数据样本:

networkd3 包需要 json 格式的数据,如下所示:

以所需格式转换上面的示例数据会给我(test.json):

一旦数据采用上述格式,我可以使用以下代码绘制 sankey 网络。

我想将我拥有的 DSS 数据转换为 networkD3 所需的格式。有没有直接的方法可以做到这一点?

networkD3 示例页面提到我可以使用igraph包来创建可以用 networkD3 绘制的网络图数据。不幸的是,我找不到很好的例子。

0 投票
2 回答
3961 浏览

javascript - R中的NetworkD3 Sankey Plot:如何仅将文本标签从内部节点的右侧切换到左侧

我使用 NetworkD3 R 包创建了一个桑基图。下面是一个输出示例:

桑基图示例

我对 Sankey 使用了以下代码:

网络在中间节点的右侧生成文本标签,将链接集中到叶节点。我想将文本切换到内部节点的左侧,而不更改开始节点和叶节点(分别为右侧和左侧)上的文本位置。

我研究了一个类似的问题:Place text values to right of sankey diagram

这是另一个: 如何将节点标题放在d3 Sankey图中节点的左侧或右侧?

答案是用 D3.js 编码的,我还没有学过,也不知道如何在我的 R 代码中实现,或者它们正在将文本标签移动到节点的右侧。

任何我可以在 R 中实施以将内部节点的文本向左移动的建议将不胜感激!

编辑:使用评论中给出的示例代码,当我使用 set.seed 时,它不会创建内部节点,所以这可能是问题吗? 输出示例

0 投票
1 回答
207 浏览

r - 在 forceNetwork 中更改背景图像

可以通过劫持 forceNetwork 函数的一些参数来更改 networkD3 的背景颜色,如@Jota 所示:更改 networkD3 绘图的背景颜色

这将如何推断为更改背景图像?

我尝试了几种方法但没有成功,其中一种方法如下:

有没有办法以类似的方式改变背景图像,如下所示:
linkDistance = JS('function(){d3.select("body").style("background-color", "#910e33"); return 50;}')) ?