Visualizador de árvore JSON interativo
Cole um JSON para explorá-lo como uma árvore expansível e recolhível, com os tipos de valores coloridos (strings, números, booleanos, objetos, matrizes) para identificar rapidamente a estrutura de um documento complexo.
Como funciona
Diante de um documento JSON grande (resposta de API aninhada, configuração complexa), costuma ser mais rápido navegar visualmente pela estrutura do que relê-la linha por linha. Cole seu JSON e clique em "Exibir árvore": cada objeto e cada matriz vira um nó recolhível, com uma prévia do número de elementos que contém.
O que representam as cores dos valores?
Cada tipo de valor JSON tem sua própria cor: verde para strings, azul para números, rosa para booleanos, cinza para null, laranja para objetos e roxo para matrizes. Isso permite perceber de relance, por exemplo, que um campo que deveria ser numérico é, na verdade, uma string.
Como recolher ou expandir ramos específicos?
Clique na seta à esquerda de um objeto ou de uma matriz para recolher ou expandir apenas aquele ramo; os botões "Expandir tudo" e "Recolher tudo" atuam sobre toda a árvore de uma só vez, o que é útil para se concentrar rapidamente em uma única seção de um documento volumoso.
Processamento 100% local: a análise e a exibição da árvore são feitas inteiramente no seu navegador — seu JSON nunca sai do seu dispositivo.