Visualizador de caminhos JSON

Visualiza JSON ou JSONL como uma arvore expansivel e permite copiar expressoes JSONPath para cada no

Cole JSON ou JSON Lines, ou envie um arquivo, para inspecionar estruturas aninhadas como em um explorador de arquivos. Pesquise campos, expanda arrays e objetos, copie caminhos exatos como $.store.book[0].title e exporte todo o inventario de caminhos em CSV.

Exemplos de resultados

1 Exemplos

Explorar um payload store aninhado e copiar caminhos JSONPath

Use a arvore para entender arrays, objetos e caminhos exatos antes de escrever testes ou transformacoes.

JSON Path Visualizer report with 16 total paths, 3 visible matches, copied path actions, and CSV export.
Ver parâmetros de entrada
{ "jsonInput": "{\n \"store\": {\n \"book\": [\n { \"title\": \"Clean Code\", \"price\": 32, \"authors\": [\"Robert C. Martin\"] },\n { \"title\": \"The Pragmatic Programmer\", \"price\": 28, \"authors\": [\"Andrew Hunt\", \"David Thomas\"] }\n ],\n \"bicycle\": { \"color\": \"red\", \"price\": 99.95 }\n }\n}", "jsonFile": "", "inputFormat": "auto", "searchTerm": "price", "expandDepth": 3, "includeValuesPreview": true, "exportAllPathsAsCsv": true }

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: .json, .jsonl, application/json, text/plain

Fatos principais

Categoria
Desenvolvimento e Web
Tipos de entrada
textarea, file, select, text, number, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Visualizador de Caminhos JSON é uma ferramenta essencial para desenvolvedores e analistas de dados que precisam inspecionar estruturas aninhadas complexas. Ele transforma textos ou arquivos JSON e JSONL em uma árvore interativa, permitindo pesquisar campos, visualizar valores e copiar expressões JSONPath exatas com um clique, além de exportar o inventário completo de caminhos em formato CSV.

Quando usar

  • •Quando precisar extrair caminhos JSONPath exatos para configurar integrações de API ou testes automatizados.
  • •Para explorar e entender rapidamente a estrutura de arquivos JSON ou JSONL grandes e profundamente aninhados.
  • •Quando for necessário documentar a estrutura de um payload exportando todos os seus caminhos para um arquivo CSV.

Como funciona

  • •Cole seu texto JSON/JSONL diretamente no campo de entrada ou faça o upload de um arquivo.
  • •Defina a profundidade de expansão inicial e use o campo de busca para localizar chaves ou valores específicos.
  • •Navegue pela árvore interativa e clique em qualquer nó para copiar sua expressão JSONPath exata (ex: $.store.book[0].title).
  • •Opcionalmente, ative a exportação para baixar um arquivo CSV contendo todos os caminhos mapeados.

Casos de uso

Mapeamento de respostas de APIs REST para configuração de webhooks e extração de dados.
Criação de scripts de automação de testes (QA) que validam campos específicos dentro de payloads complexos.
Documentação de esquemas de dados para equipes de engenharia, exportando a estrutura completa em CSV.

Exemplos

1. Extração de caminhos para testes de API

Engenheiro de QA
Contexto
O engenheiro precisa validar o preço do primeiro livro em uma resposta de API de livraria.
Problema
Encontrar a sintaxe exata do JSONPath em um payload com múltiplos níveis de aninhamento.
Como usar
Cole o JSON da resposta da API, expanda a árvore até o array de livros e clique no campo 'price' do primeiro item.
Configuração de exemplo
Profundidade expandida: 3, Termo de busca: price
Resultado
O caminho exato $.store.book[0].price é copiado para a área de transferência, pronto para ser usado no script de teste.

2. Documentação de estrutura de logs JSONL

Analista de Dados
Contexto
O analista recebeu um arquivo de log no formato JSON Lines e precisa mapear todos os campos disponíveis para o time de engenharia de dados.
Problema
Ler manualmente milhares de linhas para identificar a estrutura completa dos logs é inviável e propenso a erros.
Como usar
Faça o upload do arquivo .jsonl, selecione o formato 'JSON Lines' e ative a exportação em CSV.
Configuração de exemplo
Formato de entrada: JSON Lines, Exportar todos os caminhos em CSV: ativado
Resultado
A ferramenta gera uma árvore visual do primeiro registro e exporta um arquivo CSV com todos os caminhos JSONPath possíveis encontrados no arquivo.

Testar com amostras

json, csv, text
Exemplos JSON de Chat
Exemplos JSON para transcricoes de chat multirrole
title token json
json, text
Exemplos JSON de Texto Rico
Exemplos JSON para editores de texto rico (TipTap, Quill, Slate)
title token json
json, text
Exemplos de Análise de Logs ELK Stack
Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
preferred input family json,text
json, text
Exemplos JWT
Exemplos completos de JWT da estrutura básica de tokens às implementações de segurança avançadas
preferred input family json,text
json, text

Hubs relacionados

Ferramentas de Json
Explore 47 ferramentas de json para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Text para Convert
Explore 80 ferramentas de text para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Csv para Convert
Explore 38 ferramentas de csv para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

O que é JSONPath?

JSONPath é uma linguagem de consulta usada para selecionar e extrair dados específicos de um documento JSON, semelhante ao funcionamento do XPath para XML.

A ferramenta suporta arquivos JSON Lines (JSONL)?

Sim, você pode colar texto ou enviar arquivos no formato JSONL. A ferramenta detectará automaticamente ou você pode forçar o formato nas opções de entrada.

Posso exportar a estrutura do JSON?

Sim, ativando a opção 'Exportar todos os caminhos em CSV', você pode baixar uma lista completa de todos os caminhos JSONPath encontrados no seu arquivo.

Como funciona a busca na árvore?

Basta digitar um termo de busca e a ferramenta destacará os nós correspondentes, facilitando a localização de chaves ou valores em payloads extensos.

Como ajusto a visualização de arquivos muito grandes?

Você pode configurar a 'Profundidade expandida' para limitar quantos níveis da árvore são abertos por padrão, facilitando a navegação inicial sem sobrecarregar a tela.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/json-path-visualizer

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
jsonInput textarea Não -
jsonFile file (Upload necessário) Não -
inputFormat select Não -
searchTerm text Não -
expandDepth number Não -
includeValuesPreview checkbox Não -
exportAllPathsAsCsv checkbox Não -

Os parâmetros de tipo arquivo precisam ser carregados primeiro via POST /upload/json-path-visualizer para obter filePath, depois filePath deve ser passado ao campo de arquivo correspondente.

Formato de resposta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "Visualiza JSON ou JSONL como uma arvore expansivel e permite copiar expressoes JSONPath para cada no",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Suporta links de arquivos URL ou codificação Base64 para parâmetros de arquivo.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]