mygems

Ver JSON como árvore ou grafo

A estrutura de um JSON, antes de ler uma linha dele.

  • Visões em árvore e grafo
  • Busca em chaves e valores
  • Copie o JSONPath
  • Nada é enviado

1.Cole um JSON ou abra um arquivo

JSON ou GeoJSON. Arraste para cá ou escolha um arquivo.

Por que existe

JSON bem formatado continua sendo um paredão de texto quando passa de uma tela. O que você costuma querer primeiro é a estrutura: o que está dentro de quê, quais arrays guardam objetos, onde mora o campo que você procura. Uma árvore responde isso recolhendo o que você não está lendo, e um grafo responde de relance. Esta ferramenta mostra os dois, a partir do mesmo documento, sem enviá-lo a lugar nenhum.

O que ele faz

  • Mostra o documento como uma árvore recolhível, com a contagem de chaves ou itens em cada objeto e array.
  • Desenha um grafo: uma caixa por objeto ou array, com os campos dentro e uma linha para tudo o que está aninhado nele.
  • Busca em chaves e valores e abre a árvore só até onde for preciso para mostrar cada resultado.
  • Dá o JSONPath de qualquer item clicado, pronto para copiar para o código ou para uma consulta.
  • Mantém os números exatamente como foram escritos, então IDs longos não são arredondados na exibição.

O que ele não faz

Ele lê; não edita. Se você mudasse um valor na árvore ou no grafo, ia querer que o texto mudasse junto, e manter três visões de um mesmo documento em sincronia é trabalho de editor, não de visualizador. Documentos muito grandes aparecem só como árvore, porque um grafo com milhares de caixas deixa de ser legível.

Perguntas

Meu JSON é enviado para algum lugar?
Não. Ele é lido e desenhado por código que roda dentro da página. Não há servidor por trás desta ferramenta, então o documento não tem para onde ir.
E se o meu JSON for inválido?
O visualizador mostra onde ele deixa de ser válido, por linha e coluna, e leva ao formatador de JSON, que corrige comentários, vírgulas sobrando, aspas simples e chaves sem aspas em um clique.
Qual o tamanho máximo de documento que ele mostra?
A árvore aguenta arquivos de dezenas de megabytes num navegador de computador, listando arrays grandes algumas centenas de itens por vez. O grafo é desenhado para documentos com até 1.500 objetos e arrays.

As outras ferramentas