Visualizador de rutas JSON

Visualiza JSON o JSONL como un arbol expandible y copia expresiones JSONPath para cada nodo

Pega texto JSON o JSON Lines, o sube un archivo, para inspeccionar estructuras anidadas como si fuera un explorador de archivos. Busca campos, expande arreglos y objetos, copia rutas exactas como $.store.book[0].title y exporta el inventario completo de rutas a CSV.

Resultados de ejemplo

1 Ejemplos

Explorar un payload store anidado y copiar rutas JSONPath

Usa el arbol para entender arreglos, objetos y rutas exactas antes de escribir pruebas o transformaciones.

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

Datos clave

Categoría
Desarrollo y Web
Tipos de entrada
textarea, file, select, text, number, checkbox
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

El Visualizador de rutas JSON es una herramienta diseñada para inspeccionar estructuras de datos anidadas de forma intuitiva. Permite pegar texto o subir archivos JSON y JSONL, mostrándolos como un árbol interactivo donde puedes buscar campos, expandir nodos, copiar expresiones JSONPath exactas y exportar el inventario completo de rutas a formato CSV.

Cuándo usarlo

  • •Cuando necesitas extraer la ruta JSONPath exacta de un campo profundamente anidado para usarla en pruebas de API o scripts de automatización.
  • •Al analizar archivos JSON o JSONL complejos y voluminosos que son difíciles de leer y comprender en un editor de texto convencional.
  • •Para documentar la estructura de una respuesta de API exportando todas las rutas disponibles y sus valores a un archivo CSV.

Cómo funciona

  • •Pega tu código JSON o JSONL en el área de texto, o sube un archivo directamente desde tu dispositivo.
  • •Ajusta la profundidad de expansión inicial y utiliza el buscador para filtrar nodos específicos por nombre de clave o valor.
  • •Navega por el árbol interactivo, haz clic para copiar la ruta JSONPath de cualquier elemento y, si lo necesitas, exporta todas las rutas a CSV.

Casos de uso

Ingenieros de QA que necesitan obtener expresiones JSONPath precisas para validar respuestas de API en herramientas de automatización.
Desarrolladores backend que analizan logs estructurados en formato JSONL para encontrar errores específicos o inspeccionar payloads.
Analistas de datos que requieren mapear la estructura de un JSON complejo exportando todas sus rutas a CSV para su posterior análisis.

Ejemplos

1. Extracción de rutas para pruebas de API

Ingeniero de QA
Contexto
Está configurando pruebas automatizadas para un endpoint de comercio electrónico que devuelve un catálogo de productos muy anidado.
Problema
Necesita encontrar la ruta exacta del precio del primer libro para hacer una aserción en su script de pruebas.
Cómo usarlo
Pega la respuesta de la API en la entrada JSON, busca el término 'price' y hace clic en el nodo correspondiente en el árbol visual.
Configuración de ejemplo
{"searchTerm": "price", "expandDepth": 3}
Resultado
Obtiene y copia instantáneamente la ruta $.store.book[0].price para pegarla en su herramienta de testing.

2. Documentación de estructura de datos

Arquitecto de Software
Contexto
Está integrando un sistema heredado con una nueva plataforma y recibe un archivo JSON masivo sin documentación previa.
Problema
Necesita un inventario completo de todos los campos posibles que existen en el JSON para mapearlos en la nueva base de datos.
Cómo usarlo
Sube el archivo JSON, activa la opción 'Exportar todas las rutas como CSV' y procesa el archivo.
Configuración de ejemplo
{"inputFormat": "auto", "exportAllPathsAsCsv": true}
Resultado
Descarga un archivo CSV con todas las rutas JSONPath y ejemplos de valores, facilitando el mapeo de datos para el equipo de desarrollo.

Probar con muestras

json, csv, text
Ejemplos JSON de Chat
Ejemplos JSON para transcripciones de chat multirrol
title token json
json, text
Ejemplos JSON de Texto Enriquecido
Ejemplos JSON para editores de texto enriquecido (TipTap, Quill, Slate)
title token json
json, text
Muestras de Análisis de Logs ELK Stack
Muestras completas de ELK Stack para agregación, procesamiento y visualización de logs en sistemas distribuidos
preferred input family json,text
json, text
Muestras JWT
Ejemplos completos de JWT desde la estructura básica de tokens hasta implementaciones de seguridad avanzadas
preferred input family json,text
json, text

Hubs relacionados

Herramientas de Json
Explora 47 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Text para Convert
Explora 80 herramientas de text para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Csv para Convert
Explora 38 herramientas de csv para flujos de convert y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formatos de entrada soporta la herramienta?

Soporta texto directo o archivos en formato JSON y JSON Lines (JSONL). La herramienta puede detectar el formato automáticamente.

¿Puedo buscar un campo específico dentro de un JSON muy grande?

Sí, puedes introducir un término de búsqueda para filtrar y localizar rápidamente claves o valores específicos dentro del árbol visual.

¿Cómo obtengo la ruta JSONPath de un elemento?

Simplemente navega por el árbol visual y haz clic en el nodo deseado; la herramienta generará y te permitirá copiar su ruta exacta, como por ejemplo $.store.book[0].title.

¿Qué hace la opción de exportar a CSV?

Genera un archivo descargable que contiene un inventario completo de todas las rutas JSONPath presentes en tu archivo, facilitando la documentación y el análisis.

¿Puedo controlar qué tan expandido aparece el árbol al inicio?

Sí, puedes configurar la 'Profundidad expandida' (de 0 a 8 niveles) para determinar cuántos niveles de anidación se muestran por defecto al cargar el árbol.

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
jsonInput textarea No -
jsonFile file (Subida requerida) No -
inputFormat select No -
searchTerm text No -
expandDepth number No -
includeValuesPreview checkbox No -
exportAllPathsAsCsv checkbox No -

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/json-path-visualizer para obtener filePath, luego pasar filePath al campo de archivo correspondiente.

Formato de respuesta

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

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "Visualiza JSON o JSONL como un arbol expandible y copia expresiones JSONPath para cada nodo",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Soporte para enlaces de archivos URL o codificación Base64 para parámetros de archivo.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]