Я ищу способ визуализации дерева JSON, используя вложенные как указано в названии. Вот пример данных (в дереве максимум 8 уровней):

{
    "children": {
        "Bacteria": {
            "children":{
                "Verrucomicrobia":{
                    "children":{
                        "Methylacidiphilae":{
                            "children":{
                                "Methylacidiphilales":{
                                    "children":{},
                                    "count":2,
                                    "level":"order",
                                    "name":"Methylacidiphilales",
                                    "score":1.46
                                }
                            },
                            "count":2,
                            "level":"class",
                            "name":"Methylacidiphilae",
                            "score":1.46
                        }
                    },
                    "count":2,
                    "level":"phylum",
                    "name":"Verrucomicrobia",
                    "score":1.46
                }
            },
            "count":2,
            "level":"kingdom",
            "name":"Bacteria",
            "score":1.46
        }
    },
    "count":0,
    "level":"root",
    "name":"Root",
    "score":0.0
}

Я могу получить / проанализировать дерево JSON и сохранить его в переменной. Теперь мне нужно пройти по дереву рекурсивно и либо:

Превратите каждый узел во что-то, что можно представить как HTML.Создать новыйdiv узел и добавить в новое дерево.

Но как?