O que é o Visualizador de Árvore JSON?

É uma ferramenta online que analisa seu JSON e o exibe como uma árvore recolhível e tipada, para que você navegue por objetos e arrays aninhados sem ler texto bruto. Cada valor é colorido conforme seu tipo.

Como exploro JSON profundamente aninhado com o Visualizador de Árvore JSON?

Cole seu JSON à esquerda e clique em qualquer nó de objeto ou array no painel Árvore para expandi-lo ou recolhê-lo. Os ramos recolhidos mostram sua contagem de itens ou chaves para que você mergulhe apenas nas partes que importam.

O Visualizador de Árvore JSON lida com JSON grande ou profundamente aninhado?

Sim. Ele renderiza documentos grandes e bastante aninhados, e você pode recolher os ramos que não precisa para manter a visualização rápida e gerenciável.

O Visualizador de Árvore JSON altera ou salva meu JSON?

Não. O visualizador apenas exibe a estrutura analisada; seu JSON original nunca é modificado ou armazenado.

O que acontece se meu JSON for inválido no Visualizador de Árvore JSON?

O visualizador reporta o erro junto com a linha e coluna exatas no texto para que você encontre e corrija rapidamente o problema de sintaxe.

Meus dados são enviados para algum lugar quando uso o Visualizador de Árvore JSON?

Não. Seu JSON é analisado localmente no seu navegador e nunca sai do dispositivo, então até payloads sensíveis permanecem na sua máquina.

Visualizador de Árvore JSON

Use este visualizador de árvore JSON online para transformar qualquer JSON em uma árvore recolhível e tipada e navegar dados aninhados rápido.

Seu JSON é analisado localmente no seu navegador para construir a árvore, e nada é enviado para um servidor.

Criado e mantido por Udit Agarwal

Precisa de uma saída limpa e indentada? Experimente o Formatador JSON.

Sobre Visualizador de árvore JSON

Este visualizador de árvore JSON online transforma JSON bruto em uma árvore recolhível e colorida por tipo, para que você explore objetos e arrays profundamente aninhados sem rolar por blocos densos de texto. Cole uma resposta de API, arquivo de configuração ou payload de log à esquerda e a árvore é renderizada instantaneamente à direita, com cada valor tipado e os arrays e objetos mostrando a contagem de itens ou chaves quando recolhidos. Ele funciona como um visualizador json rápido para desenvolvedores depurando endpoints, engenheiros de QA inspecionando fixtures e qualquer pessoa tentando entender uma estrutura JSON desconhecida. JSON inválido é sinalizado com a linha e coluna para que você corrija erros de sintaxe rápido. Como roda localmente no seu navegador, documentos grandes ou sensíveis são analisados na sua própria máquina e os dados nunca saem do dispositivo. Use-o para explorar JSON aninhado, rastrear o formato de um valor e entender payloads complicados num piscar de olhos.

Recursos

Renderiza JSON como uma árvore recolhível e expansível de nós
Colore os valores por tipo (string, número, booleano, null, objeto, array)
Mostra a contagem de itens e chaves em arrays e objetos recolhidos
Recolha os ramos que você não precisa para manter documentos grandes gerenciáveis
Lida com estruturas JSON grandes e profundamente aninhadas
Reporta JSON inválido com a linha e coluna exatas
Analisa tudo localmente no seu navegador, sem envio
Visualização somente leitura que nunca altera seu JSON original

Como usar Visualizador de árvore JSON

Cole ou digite seu JSON na caixa Entrada JSON, à esquerda.
Veja-o renderizado como uma árvore tipada e colorida no painel Árvore, à direita.
Clique em qualquer nó de objeto ou array para expandir ou recolher aquele ramo.
Se o JSON for inválido, leia a linha e coluna informadas e corrija a sintaxe.

Exemplo

Entrada

{"user":{"id":7,"roles":["admin","editor"],"active":true}}

Saída

object {1}
 └─ user object {3}
     ├─ id: 7
     ├─ roles array [2]
     │   ├─ 0: "admin"
     │   └─ 1: "editor"
     └─ active: true

O objeto é renderizado como uma árvore recolhível com cada valor tipado.

Erros comuns e solução de problemas

A árvore não é renderizada e um erro aponta para uma linha e coluna. — O JSON é inválido. Verifique a linha e coluna informadas em busca de uma vírgula, colchete ou aspa faltando e corrija.
Vírgulas sobrando após o último item de um objeto ou array são rejeitadas. — O JSON padrão não permite vírgulas sobrando. Remova a vírgula após o último elemento.
Chaves ou strings envolvidas em aspas simples falham ao analisar. — JSON exige aspas duplas em torno de chaves e valores de string. Substitua as aspas simples por aspas duplas.
Um documento muito grande fica lento ou difícil de examinar. — Recolha os ramos que você não precisa para que apenas as partes relevantes da árvore fiquem abertas.

Perguntas frequentes

O que é o Visualizador de Árvore JSON?: É uma ferramenta online que analisa seu JSON e o exibe como uma árvore recolhível e tipada, para que você navegue por objetos e arrays aninhados sem ler texto bruto. Cada valor é colorido conforme seu tipo.
Como exploro JSON profundamente aninhado com o Visualizador de Árvore JSON?: Cole seu JSON à esquerda e clique em qualquer nó de objeto ou array no painel Árvore para expandi-lo ou recolhê-lo. Os ramos recolhidos mostram sua contagem de itens ou chaves para que você mergulhe apenas nas partes que importam.
O Visualizador de Árvore JSON lida com JSON grande ou profundamente aninhado?: Sim. Ele renderiza documentos grandes e bastante aninhados, e você pode recolher os ramos que não precisa para manter a visualização rápida e gerenciável.
O Visualizador de Árvore JSON altera ou salva meu JSON?: Não. O visualizador apenas exibe a estrutura analisada; seu JSON original nunca é modificado ou armazenado.
O que acontece se meu JSON for inválido no Visualizador de Árvore JSON?: O visualizador reporta o erro junto com a linha e coluna exatas no texto para que você encontre e corrija rapidamente o problema de sintaxe.
Meus dados são enviados para algum lugar quando uso o Visualizador de Árvore JSON?: Não. Seu JSON é analisado localmente no seu navegador e nunca sai do dispositivo, então até payloads sensíveis permanecem na sua máquina.

Ferramentas relacionadas

Visualizador de JSON — Visualizador de texto e árvore recolhível com expandir/recolher e caminhos de nós.
Formatador de JSON — Embeleze, minifique e valide JSON com a localização dos erros.
JSON para TypeScript — Gere interfaces de TypeScript a partir de uma amostra JSON.
JSON para CSV — Converta um array de objetos JSON planos para CSV.
JSON para código — Gere tipos de Go, Rust, Python, Java, Kotlin, C# e TypeScript a partir de JSON.
YAML ↔ JSON — Converta YAML para JSON e vice-versa.
Formatador de XML — Embeleze, minifique e valide XML, e converta XML ↔ JSON.

Mais ferramentas de JSON

Visualizador de JSON — Visualizador de texto e árvore recolhível com expandir/recolher e caminhos de nós.
JSON para TypeScript — Gere interfaces de TypeScript a partir de uma amostra JSON.
JSON para CSV — Converta um array de objetos JSON planos para CSV.
Escapar / Desescapar JSON — Escape texto para uma string JSON ou desescape uma string JSON para texto sem formatação.
JSON para código — Gere tipos de Go, Rust, Python, Java, Kotlin, C# e TypeScript a partir de JSON.
JSON Diff — Compare dois documentos JSON e veja um diff estrutural do que mudou.
Gerador de JSON Schema — Gere um JSON Schema de uma amostra ou valide um documento e veja cada erro.
JSON Flatten — Achate JSON aninhado em chaves com notação de ponto ou desfaça de volta, no seu navegador.
JSON para Zod — Gere um schema Zod a partir de um JSON de exemplo, inferindo tipos, arrays e objetos aninhados.
JSON para Pydantic — Gere classes de modelo Pydantic v2 a partir de um JSON de exemplo, com Optional, aliases e BaseModels aninhados.
Avaliador JSONPath — Teste expressões JSONPath contra o seu JSON e veja valores e caminhos correspondentes ao vivo.
JSON para TOON — Converta JSON para TOON e de volta; o TOON empacota os mesmos dados em menos tokens de prompt de LLM.

Ver todas as ferramentas de JSON (29) · Todas as ferramentas