用于列表可视化的 Javascript 库(数据结构)

Posted

技术标签:

【中文标题】用于列表可视化的 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 来实现这一点但是我如何用箭头将它们连接起来?

以上是关于用于列表可视化的 Javascript 库(数据结构)的主要内容,如果未能解决你的问题,请参考以下文章

用于动态网络可视化的 JavaScript 库? [关闭]

是否有用于创建图表的 javascript 库? [关闭]

数据可视化Echarts

JS之 构建数据可视化的实用工具库

10+ JavaScript数据可视化库

可视化图表库--goJS