Visualizador de Árvore JSON
Visualize, formate e explore dados JSON em uma árvore interativa dobrável. Gratuito, seguro e sem necessidade de upload.
Arraste e solte o arquivo JSON aqui
Ou cole texto JSON abaixo
Visualize, formate e explore dados JSON em uma árvore interativa dobrável. Gratuito, seguro e sem necessidade de upload.
Ou cole texto JSON abaixo
Os visualizadores de árvore JSON exibem dados JSON como uma árvore hierárquica navegável, em vez de texto simples. Cada objeto se torna um galho dobrável; arrays mostram seus itens individualmente; valores primitivos aparecem como folhas. A visualização estrutural facilita a localização de campos específicos em dados profundamente aninhados, o colapso de subárvores irrelevantes e a navegação em grandes documentos JSON que seriam difíceis de gerenciar como texto simples.
Em comparação com o texto JSON formatado, as visualizações em árvore são excelentes na navegação em grandes dados. Uma resposta de API de 10 MB é impraticável para rolar como texto, mas tratável como uma árvore onde você recolhe chaves de nível superior com as quais não se importa e expande apenas as partes de interesse.
Este visualizador renderiza JSON em uma árvore estruturada em seu navegador. A pesquisa filtra ramificações por chave ou valor. A exibição com reconhecimento de tipo distingue strings, números, booleanos, nulos, objetos e matrizes.
Dados profundamente aninhados são difíceis de navegar como texto. Arquivos de configuração, respostas de API e estado serializado geralmente têm mais de 5 níveis de aninhamento. Uma visualização em árvore permite recolher níveis irrelevantes e focar no que importa; visualizações de texto exigem rolagem cuidadosa e contagem de colchetes.
Os recursos de pesquisa e filtro também são importantes. Encontrar todas as chaves denominadas 'user_id' em um documento complexo é rápido com um visualizador com reconhecimento de pesquisa; impossível de fazer de forma confiável com texto simples.
Cole JSON, navegue na árvore.
A análise JSON usa JSON.parse, que falha em entradas inválidas com um erro de análise apontando para o local do problema. JSON válido é renderizado em um objeto JavaScript que o visualizador percorre recursivamente para produzir a árvore.
Renderização: cada nível de aninhamento se torna um ramo recuado. As chaves dos objetos são rótulos; os valores são renderizados com base no tipo - strings entre aspas, números sem, booleanos como verdadeiro/falso, nulos explicitamente, objetos e matrizes como ramificações recolhíveis.
Desempenho: JSON muito grande (10 MB+) pode retardar a renderização. A expansão lenta (renderizando apenas ramificações visíveis no momento) ajuda. A pesquisa em documentos grandes pode levar algum tempo; indexar a árvore na primeira análise ajuda.