Есть ли простая библиотека, которая будет отображать объекты JSON в виде деревьев?

Question

Итак, есть ОЧЕНЬ простая библиотека, которая будет отображать объекты JSON в виде деревьев? Я знаю, что это можно сделать разными способами (например, YUI), но для целей отладки я хотел бы просто иметь возможность просматривать объекты JSON, которые я получаю от сервера, в виде дерева, ничего особенного (но свертываемое дерево будет бонус).

Тип решения, которое я ищу, будет примерно таким:

<script source="something.js"/>
<script>
   obj ={"hello":"world"}
   lib.renderJSON("someid",obj);
</script>
...    
<div id="someid"/>

Есть идеи?

Answer 1

Поскольку эта тема возникла в ответ на поиск в Google, я подумал, что, возможно, стоит добавить то, что я нашел (другая ссылка больше не действует в этом контексте, но я мог пропустить некоторые функции).

Их несколько, но я не нашел такого, который предоставил бы его в «графическом древовидном представлении», а скорее в простом «текстовом древовидном представлении». Они были названы зрителями JSON "beautifiers" или "easy read".

Я использовал: jsonview от yesmeck

Красиво и просто, и сделал работу впервые.

Answer 2

используйте D3, очень просто загружать данные json просто как-то так

         d3.json("flare.json", function(error, flare) {
              flare.x0 = 0;
               flare.y0 = 0
               update(root = flare);
           });

Answer 3

проверьте это тоже: http://jquery.bassistance.de/treeview/demo/async.html

Answer 4

Я создал простую программу просмотра JSON. Он анализирует JSON из строки стандартным методом JSON.parse () и рисует дерево json. Вы можете использовать только библиотеку jsonTree в своем проекте и создавать множество json-деревьев на одной html-странице:

var wrapper = document.getElementById("wrapper");
var data = {
    "firstName": "Jonh",
    "lastName": "Smith",
    "phones": [
        "123-45-67",
        "987-65-43"
    ]
};
var tree = jsonTree.create(data, wrapper);

<link href="libs/jsonTree/jsonTree.css" rel="stylesheet" />
<script src="libs/jsonTree/jsonTree.js"></script>

jsonTree библиотека (часть jsonTreeViewer)