JavaScript的数据结构可视化工具

Question

我正在寻找一个javascript库，可以将任意（但非循环）的JSON数据blob渲染成半交互式HTML视图。James Padolsey的Prettyprint库接近满足要求，但其输出非常冗长（例如，在所有内容上都有“对象”和“数组”头），只是轻微的可交互性（特别是折叠和展开子树的能力会很好），而且不太可定制。我还发现了jstree，但它似乎不能处理任意JSON数据blob，只能处理特别构造的JSON数据blob。此外，严格的树形视图并不适合我的数据。我希望有更多的键/值表示方式（但某些值为嵌套对象）。

我不需要修改数据结构的能力，只需要以较人类可读的方式显示它。有什么建议吗？

- zwol

Answer 1

我有一个小项目需要展示js对象。

它不是很美观，但可以进行一些改进，这可能会对您有所帮助。

它基于“jquery-1.4.2.min.js”构建，但应该可以与旧版本一起使用。

文件：
http://empirium.dnet.nu/js/object-browser.js
http://empirium.dnet.nu/js/object-browser.css

这是如何使用它的示例：

http://empirium.dnet.nu/OBTest.html

单击粗体黑色类型将打开和关闭复杂的数据结构，这些数据结构不会立即显示。

我希望你能从中受益，如果你有任何建议，请在此处发表评论。

它不是一个活跃的项目，只是我为了进行一些调试而编写的东西。

- David Mårtensson