在D3.js可视化库中创建力布局

我正在做一个项目，它将书籍之间的参考资料可视化。值得一提的是，我完全是Javascript的初学者。因此，通过阅读D3.js API参考资料，我走不了多远。我用过，效果很好

我的CSV文件的结构如下所示：

source,target
"book 1","book 2"
"book 1","book 3"

等等

源和目标通过链接连接。以下是布局的要点：

分别为源节点和目标节点创建两个不同的圆

为源节点和目标节点设置特定颜色

圆圈应以书本信息标记，例如，源节点 标记为“book 1”，目标节点标记为“book 2”

如果目标之间存在联系，则将此特定联系扩大 而不是其他从源到目标的链接

我希望您能通过创建这些点来帮助我

提前谢谢

致意

---

Aeneas

d3.js使用json数据文件比使用csv文件更好，因此我建议您以某种方式将csv数据转换为json格式。我最近编写了类似的代码，我将节点和链接存储在json文件中，作为字典，格式如下：

{ 
'links': [{'source': 1, 'target': 2, 'value': 0.3}, {...}, ...],
'nodes': [{'name': 'something', 'size': 2}, {...}, ...]
}

这允许您按如下方式初始化节点和链接（启动视图后）：

---

希望这有帮助

d3.js使用json数据文件比使用csv文件更好，因此我建议您以某种方式将csv数据转换为json格式。我最近编写了类似的代码，我将节点和链接存储在json文件中，作为字典，格式如下：

{ 
'links': [{'source': 1, 'target': 2, 'value': 0.3}, {...}, ...],
'nodes': [{'name': 'something', 'size': 2}, {...}, ...]
}

这允许您按如下方式初始化节点和链接（启动视图后）：

---

希望这有帮助

您可以使用服务器json或使用d3将csv转换为json。d3有一些将csv转换为json的好工具。这两个示例可能会有所帮助：csv字符串到json-csv文件到json-然后此页面用于进一步操作数组：您可以使用json服务器或使用d3将csv转换为json。d3有一些将csv转换为json的好工具。这两个示例可能会有所帮助：csv字符串到json-csv文件到json-然后此页面用于进一步操作数组：