用于列表可视化的 Javascript 库（数据结构）

Posted 2023-02-22

【中文标题】用于列表可视化的 Javascript 库（数据结构）

【英文标题】：Javascript library for visualization of Lists (data structure)

【发布时间】：2014-11-25 04:35:52

【问题描述】：

我需要创建一个网页，用户可以在其中选择一种列表类型（链接、双向链接、循环链接列表等）并查看它的外观。用户可以从列表中添加和删除元素，并查看列表如何变化。 哪个库更适合用于列表的可视化？最好找到可以将列表作为输入参数并返回图像或画布的库。但是如果这样的库不存在，我需要一个库，它可以在里面绘制带有文本的矩形并用线条将它相互连接。

【问题讨论】：

你能画出你想要的东西吗？我认为您的要求不是那么清楚...

我发帖的时候就想做，但是因为我刚在这个网站上注册，我需要10分，但我只有6分。

上传到其他地方并发布链接。

6分也发不了链接。

我收到了圆顶点并附上了一张图片。我将在本周或下周尝试@Jay Askren 提供的解决方案。但如果有人可以提供其他东西，我也可以尝试。

【参考方案1】：

D3.js 功能强大，足以满足您的需求。但是，如果您想要在列表中包含所有矩形，则可以使用表格或 div。

编辑： 要弄清楚如何做到这一点，我建议您阅读有关 D3 的教程。 Here are links 给几个。有一点学习曲线，但是一旦你克服了学习曲线，那就很好了。就示例而言，您想要的类似于this 或this，只是您的布局要简单得多。

这个question 也可能有帮助

【讨论】：

D3 的示例页面上有很多强大的示例，但我没有找到与我的任务相似的任何内容。图表、图表和图形有很多漂亮的东西，但我只需要用箭头连接矩形（里面有文本）。是否有任何关于如何使用 D3.js 实现它的示例？ 您可以使用表格或 div 来实现这一点但是我如何用箭头将它们连接起来？