Como implementar dados em vários níveis hierárquicos em javaScript?

Estou implementando a tabela de dados de vários níveis sem usar nenhum plugin ou biblioteca. Eu quero implementar com base em javaScript, JQuery ou js angular. Eu verifiquei um abaixo links,

Atravessar todos os nós de uma tree de objects JSON com JavaScript

tabela aninhada usando ng-repeat

Mas minha estrutura json é diferente do link acima.

Preciso exibir meu JSON na interface da estrutura de tree. Eu não faço código de nível rígido em html. Todo o nível deve ser manipulado por javascript.

Eu implementei o jsfiddle: http://jsfiddle.net/varunPes/0n9fmawb/40/

ESTRUTURA DE JSON

[ { 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 } } } } } ] 

Saída expatriada insira a descrição da imagem aqui

Você responde valioso por mim. Desde já, obrigado.