javascript - 在 D3 中收集网络图的一些数据。我应该如何格式化它?

标签 javascript d3.js graph

我正在收集数据以使用 D3 JavaScript 库创建网络图。

最适合使用的格式是什么?我的想法是一个具有架构的数据库

Source Node, Relation, Destination Node

这里还应该考虑其他什么吗?

我想要的只是展示人与人之间简单的关系。假设我想绘制 Facebook 上某个地理区域内所有好友的图表(仅作为示例)。

假设我有一个来自伦敦的人的数据集。

因此,如果我收集源人员 ID、他们与另一个人的关系(“ friend ”或“订阅”)以及另一个人的 ID,那么我可以使用 D3 以图形方式显示此信息,是吗?

这是收集数据的理想方式吗?

我尝试查看 D3 手册,但对我来说并不是 100% 清楚。

谢谢。

最佳答案

查看此示例底部的示例数据:https://bl.ocks.org/mbostock/4062045 。使用 d3 的强制布局时,您需要两个数组:一个列出节点,另一个列出链接。 “组”和“值”变量特定于本示例(即不是必需的),尽管在您的情况下,您提到的关系可以替换“值”。因此,您的数据库表将与“links”数组很好地匹配,然后您可以从中构造节点数组。

关于javascript - 在 D3 中收集网络图的一些数据。我应该如何格式化它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36405801/

相关文章:

javascript - Redux 中 Immer 中 Object.assign() 的意外行为

javascript - D3 : incorporate two datasets in bin - histogram layout

algorithm - 在图中寻找最短的 4 边循环

安卓图 TableView

javascript - 尝试创建一个准时更新功能

javascript - 数组 forEach 传递 "push"作为参数

javascript - 数据不是来自 JsonResult Action 到 Javascript 脚本

javascript - d3.js 线图错误移动(向右)

javascript - 如何通过计算 d3.js 中的 `index` 值来添加动画延迟?

r - 使用 R 绘制多个图形