Flat JSON text is hard to navigate for deeply nested documents. A collapsible tree lets you hide branches you do not care about and focus on the structure that matters. Collapsed nodes show a count of keys or items so you never lose context.

Why is my tree empty?

A tree can only be built from parseable JSON. If your input has syntax errors (trailing commas, single quotes, unquoted keys, comments), repair it first with JSON Fix, then view the cleaned result.

Visualizador JSON online — Árvore dobrável

input.json

tree

Tree appears here after parsing.

Cole JSON e explore-o como uma árvore expansível.

Relacionado

Guias para Viewer

Todos os guias →

Guia

Formatador, validador e visualizador de JSON: escolha a ferramenta certa

Compare lado a lado formatador, validador, visualizador, minificador e comparador, com a ordem para encadeá-los ao revisar uma carga útil de uma API.

Guia

Corrigir chaves sem aspas em JSON

Chaves como name, active e profile precisam de aspas em JSON válido, mesmo quando parecem identificadores normais.

Guia

Reparar JSON gerado por LLM

Respostas de IA muitas vezes parecem JSON, mas trazem markdown fences, comentários, literais estilo Python ou sintaxe de objeto JavaScript.

Visualizador de árvore JSON interativo

Cole qualquer documento JSON para navegá-lo como uma árvore recolhível. Clique no ▶ ao lado de um objeto ou array para recolhê-lo —— os nós mostram quantas chaves ou elementos estão ocultos, para que você possa se movimentar em documentos grandes sem perder contexto. Clique em ▼ para expandir de novo, ou use Collapse all / Expand all no topo do painel.

Precisa de view json vindo de uma chamada de API, uma linha de log ou um arquivo de configuração? É exatamente isso, o online json viewer, json online viewer, ** jsonviewer**, jsonview, json visualizer, ** geojson viewer**, json object viewer, ** obj viewer**, json document viewer, ** json file viewer** (.json file viewer) e ** json reader online** feito para isso : cole, parseie, recolha, expanda. (Os erros de digitação comuns json viewr, json viwer levam à mesma ferramenta.) Para projetos React, o react-json-view incorpora a mesma árvore no seu app ; quando você só quer inspecionar um payload, esta página é a alternativa sem instalação. Útil quando o visualizador embutido do editor está faltando ou é ruidoso, ou quando você precisa tornar json readable online uma resposta profundamente aninhada. Enquanto você percorre a árvore, a ferramenta também serve de json path finder leve —— cada chave que você expande deixa claro o seu caminho no documento.

Se sua entrada tiver erros de sintaxe, o visualizador primeiro tenta reparar antes de renderizar. Para ver o detalhe da reparação, use a ferramenta JSON Fix ; para a posição exata do erro, use o validador JSON.

FAQ

Por que minha árvore está vazia?

Só JSON parseável pode construir uma árvore. Se sua entrada tiver erros de sintaxe (vírgulas finais, aspas simples, chaves sem aspas, comentários), passe-a primeiro pelo JSON Fix e depois visualize o resultado limpo.