Ferramentas em português / Visualizar JSON em árvore e grafo interativo (JSON Viewer)English version →
Visualizar JSON em árvore e grafo interativo (JSON Viewer)
JSON com muitos níveis de aninhamento é quase impossível de ler como texto puro. Esta ferramenta transforma tudo em uma árvore expansível com a contagem de itens de cada objeto e array — e em uma visão de grafo, onde os dados viram cartões conectados que você arrasta, amplia e recolhe ramo por ramo.
O grafo mostra de relance o que o texto esconde: qual array está anormalmente grande, qual ramo está aninhado demais, qual elemento tem campos diferentes dos irmãos. E dá para exportar como SVG para colar na documentação.
Como usar
- Cole o JSON no campo de entrada
- Alterne entre Tree (árvore) e Graph (grafo) no canto do painel
- No grafo: arraste para mover, scroll para zoom, clique no cabeçalho do cartão para recolher o ramo
Perguntas frequentes
- Qual a diferença para o formatador?
- O formatador devolve texto legível; o viewer devolve a estrutura interativa. Para entender dados desconhecidos ou achar um campo num payload profundo, o viewer é muito mais rápido.
- Aguenta documento grande?
- Até 10 MB. Em documentos grandes os ramos profundos são recolhidos automaticamente para manter a fluidez; expanda só o que interessa.
- Dá para exportar o grafo?
- Sim: o botão SVG baixa o grafo inteiro como arquivo vetorial de fundo branco, pronto para documentação ou slides.
Outras ferramentas com explicação em português
- Formatar JSON online (JSON Formatter) — grátis
- Validar JSON online (JSON Validator) — com linha e coluna do erro
- Codificar em Base64 online — com UTF-8 correto (acentos e ç)
- Decodificar Base64 online — UTF-8 correto, serve para JWT
- URL Encode online — codificar texto para URLs (percent-encoding)
- URL Decode online — decodificar percent-encoding