Estoy buscando una manera de renderizar un árbol JSON usando anidado<div> Como se menciona en el título. Aquí hay una muestra de los datos (hay un máximo de 8 niveles en el árbol):

{
    "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
}

Puedo obtener / analizar el árbol JSON y guardarlo en una variable. Ahora necesito atravesar el árbol de forma recursiva y ya sea:

Convierte cada nodo en algo que se pueda representar como HTML.Crear un nuevodiv nodo y añadir a un nuevo árbol.

¿Pero cómo?