Estoy implementando una tabla de datos de varios niveles sin usar ningún complemento o biblioteca. Quiero implementar basado en javaScript, JQuery o angular js. Revisé uno debajo de los enlaces,

Recorre todos los nodos de un árbol de objetos JSON con JavaScript

nested table usando ng-repeat

Pero mi estructura json es diferente del enlace anterior.

Necesito mostrar mi JSON en la IU de estructura de árbol. No codifico el nivel de código en html. Todos los niveles deben ser manejados por javascript.

He implementado jsfiddle:http: //jsfiddle.net/varunPes/0n9fmawb/40

JSON ESTRUCTURA

[  {
      Home:{
                "checkbox_view":true,
                "checkbox_edit":false,
                "checkbox_delete":true
      }
   },
   {  
      "watchColorWorld":{  
         "local":{  
            "app-local-black":{
             "checkbox_view":true,
             "checkbox_edit":true,
             "checkbox_delete":true
            }

         },
         "global":{  
           "app-global-red":{            
             "checkbox_view":true,
             "checkbox_edit":true,
             "checkbox_delete":true
            }

         },
         "world":{  
            "app-world-green":{
             "checkbox_view":true,
             "checkbox_edit":true,
             "checkbox_delete":true
            }
         }
      }
   },
   {  
      "systemMgmt":{  
            "checkbox_view":true,
             "checkbox_edit":true,
             "checkbox_delete":true
      }
   },
   {  
      "rules":{  
         "Rule1":{  
            "rule2":{
              "rule3":{  
                   "checkbox_view":true,
                   "checkbox_edit":true,
                   "checkbox_delete":true
            }
         }
         }

      }
   }
]

Expacted Output

Respondes valioso para mí. Gracias por adelantado