O que é o Visualizador JSON?
JSON cru é ótimo para máquinas e péssimo para os olhos. Cinco níveis de chaves, vírgulas sobrando, uma linha interminável — você conhece a cena. O Visualizador JSON transforma isso em algo que dá pra navegar de verdade: cada array vira uma linha, cada objeto vira um conjunto de colunas, e as estruturas aninhadas viram tabelas-dentro-de-tabelas nas quais você pode mergulhar.
Foi feito para aquele momento em que você só quer VER os dados. Não parsear, não validar, não converter — ver. Jogue uma resposta do fetch, um payload GraphQL, uma linha de log, o que for. O visualizador monta o layout pra você sacar rapidinho se a API devolveu o esperado e se o formato bate com o que o seu código quer.
Tudo roda no seu navegador — sem upload, sem conta, sem limite para quantas vezes você quer colar e visualizar numa tarde.
Como Visualizar JSON Aqui
Três passos para uma visão estruturada dos seus dados. Os botões abaixo do editor batem com o que você está lendo aqui.
Cole ou Carregue um Exemplo
Copie o JSON do seu cliente de API (Postman, Insomnia, aba Network do DevTools) e cole à esquerda. Se quiser ver o visualizador em ação primeiro, clique em Exemplo para carregar um conjunto pequeno.
{"order": {"id": "ORD-4821", "customer": {"name": "Priya Shah", "tier": "gold"}, "items": [{"sku": "SKU-101", "qty": 2}, {"sku": "SKU-204", "qty": 1}], "total": 189.50}}Se o JSON estiver malformado, aparece uma mensagem logo abaixo do editor apontando onde o parser desistiu.
Navegue pela Estrutura
A direita é redesenhada na hora sempre que a entrada muda. Arrays de objetos viram linhas com colunas para cada chave. Objetos e arrays aninhados viram mini-tabelas dentro da célula, então dá pra seguir uma cadeia como order.customer.tier visualmente. Use Principal ou Aninhado para inverter a orientação quando um registro tem mais chaves do que linhas — às vezes é mais fácil ler as chaves como linhas e os valores como colunas. O layout segue os tipos JSON definidos na RFC 8259.
Reduza Para o que Você Está Olhando
Cada coluna tem um campo de filtro. Digite gold na coluna tier, SKU-1 numa coluna de SKU, pending numa coluna de status — as linhas que não batem ficam ocultas. Filtros não diferenciam maiúsculas e se acumulam (tier=gold E status=paid). Se alguma coluna está atrapalhando, clique em Editar e no ícone de remover (×) do cabeçalho para tirá-la.
Tela Cheia para Dados Largos
Para conjuntos com 20+ colunas, clique em Tela Cheia. A tabela se expande até ocupar toda a viewport, aí você rola horizontalmente sem o painel lateral atrapalhando. Ótimo para depurar uma consulta GraphQL gorda ou um relatório desnormalizado.
Compartilhe ou Exporte Quando Terminar
Achou algo que vale marcar? Clique em Compartilhar para gerar um link curto (1 hora, 1 dia ou 1 semana) e mande para um colega — ele abre a mesma visão, o mesmo JSON, sem precisar colar nada. Ou clique em Excel para baixar a tabela como .xls e abrir no Excel, Google Planilhas ou LibreOffice. O parsing acontece no lado do cliente via JSON.parse().
Quando o Visualizador Faz a Diferença
Dando uma Olhada em Respostas de API
Você bate num endpoint no Postman, recebe 8 KB de JSON de volta e precisa saber se o campo aninhado shipping.address.country está preenchido. Cole a resposta aqui e tem a resposta em dois segundos. Sem parsing mental de JSON.
Lendo Fluxos de Log
Logs estruturados do <a href="https://www.elastic.co/pt/elasticsearch" target="_blank" rel="noopener">Elasticsearch</a>, CloudWatch ou qualquer logger JSON-line chegam como blocos de uma linha só. Jogue um aqui e veja timestamp, serviço, nível, mensagem e trace ID bem dispostos — útil quando você está seguindo um serviço instável às 2 da manhã.
Revisando Exemplos de Schema
Olhando um payload de exemplo numa spec <a href="https://swagger.io/specification/" target="_blank" rel="noopener">Swagger/OpenAPI</a> ou num README do time? Cole o bloco de exemplo e percorra o formato campo por campo. Mais rápido do que ler JSON indentado de cima a baixo, e você pega campos opcionais/faltando na hora.
Mostrando Dados para Stakeholders
Seu PM quer saber o que a API de checkout devolve, mas "aqui vai um JSON" não cola. Gera um link de compartilhamento, cola no Slack, e eles veem uma tabela decente — sem precisar explicar colchetes e dois-pontos.
Perguntas Frequentes
Qual a diferença entre um visualizador JSON e um parser JSON?
Eles se sobrepõem bastante, mas o enquadramento é diferente. Um parser foca no ato de transformar o texto JSON numa estrutura utilizável (e apontar sintaxe errada). Um visualizador foca na saída — em como o resultado parseado é apresentado para você ler. Essa ferramenta faz as duas coisas por baixo dos panos, mas a UI é afinada para navegar dados grandes ou profundamente aninhados, não só para validar.
Meus dados saem do meu navegador?
Não. Parsing e renderização rodam localmente em JavaScript. A única vez que os dados saem é se você clicar em "Compartilhar" para gerar um link curto, e mesmo assim você controla o prazo (1 hora a 1 semana). Se está olhando algo sensível, simplesmente não compartilhe — feche a aba e acabou.
Até onde vai o aninhamento?
Não há limite fixo. O visualizador renderiza arrays e objetos aninhados recursivamente até a profundidade que você jogar nele. Estruturas profundas ficam visualmente carregadas em algum ponto — depois de cinco ou seis níveis, considere usar a linha de Filtro para focar no ramo que importa, ou inverter a orientação com o botão Aninhado.
Dá pra ver arrays de primitivos também, não só de objetos?
Sim. Um array como ["read", "write", "admin"] aparece como uma lista de coluna única. Arrays mistos (objetos + primitivos) também funcionam — cada elemento vira uma linha, e o visualizador monta o conjunto de colunas a partir das chaves presentes nos objetos.
Por que algumas colunas sumiram depois que atualizei o JSON?
Se você removeu colunas antes (pelo ícone × no modo edição), o visualizador lembra disso na sessão atual e esconde as chaves correspondentes do JSON também. Colar um JSON novo refaz a detecção. Se uma coluna que você esperava sumiu, veja se o modo edição não a derrubou, ou se a chave existe mesmo em todos os registros.
Qual tamanho de arquivo JSON é confortável?
Arquivos de até alguns MB renderizam rápido. Passando de 5 MB você sente o navegador trabalhando. Passando de 10 MB a coisa fica lenta, mas o visualizador ainda aguenta — se você lida rotineiramente com datasets de 50 MB+, pegue uma ferramenta de linha de comando como jq ou gron primeiro, e cole aqui só o pedaço relevante.
Ferramentas JSON Relacionadas
Visualizar é só uma fatia do que dá pra fazer com JSON. Se precisa de algo mais específico, experimente estas: