Data structure visualizer for javascript

Question

I am looking for a javascript library that makes arbitrary (but acyclic) JSON data blocks in the form of a semi-interactive HTML representation. James Padolsi Prettyprint is close, but her very detailed output (the "object" and "array" headers at all, for example) is only slightly interactive (the ability to collapse and expand subtrees would be nice, especially) and would not be particularly customizable. I also found jstree , but it does not seem to execute arbitrary drops of JSON data, but only those that are specifically designed to feed it. Also, a strict tree view is not really suitable for the data that I have; I want more key / value representation (but with some values ​​are nested objects).

I do not need the ability to change the data structure, just show it in a more or less understandable way for a person.

Any suggestions?

Answer 1

I have a small project to display jsobjects.

It is not very pretty and may use some improvements, but it may help a little.

It is built on "jquery-1.4.2.min.js", but should work with older versions.

Files:
http://empirium.dnet.nu/js/object-browser.js
http://empirium.dnet.nu/js/object-browser.css

This is an example of how to use it:

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

Clicking on the bold black type will open and close complex data structures that imediatly will not see.

, - , , .

, -, .