Saltar al contenido

Visor de árbol JSON

Valida JSON y renderiza su estructura como un árbol indentado para que contenido grande sea comprensible de un vistazo.

Entrada
Salida

Visor de árbol JSON

Pega JSON y esta herramienta dibuja su estructura como un árbol indentado, utilizando los mismos conectores de cuadros ("├─", "└─", "│") que usan un explorador de archivos o el comando "tree" de Unix. Está diseñada para cuando un formateador por sí solo no es suficiente — una respuesta API profundamente anidada, un archivo de configuración con docenas de claves, o una carga que nunca has visto y necesitas entender de un vistazo.

Cada nodo de objeto y matriz está etiquetado por su número de hijos en lugar de un nombre de tipo genérico — "user{5}" para un objeto con cinco claves, "items[12]" para una matriz de doce elementos — de modo que el tamaño de cada rama es visible sin expandirla. Los valores escalares muestran su contenido, truncado a una longitud que controlas para que una cadena larga no empuje el árbol fuera de la pantalla. Activa "Mostrar tipos" para anotar cada hoja con su tipo JSON, útil cuando un campo podría contener más de una forma. "Profundidad máxima" colapsa cualquier cosa anidada más profundamente en un resumen de una línea, manteniendo legibles incluso los documentos muy profundos. "Ordenar claves" renderiza las claves de cada objeto alfabéticamente en lugar del orden fuente, práctico para comparar dos estructuras similares a simple vista.

Cuando la entrada no es JSON válido, la herramienta indica la línea y columna exacta donde falló el análisis, muestra esa línea y señala qué verificar: una coma faltante, una comilla sin escape o un paréntesis nunca cerrado. Esto convierte la búsqueda en una carga larga en una ojeada a una línea.

Todo se ejecuta en tu navegador. El JSON que pegas — configuración de producción, una respuesta API con datos reales de clientes, una carga que no deberías compartir — se analiza y renderiza localmente y nunca se sube a ningún lugar. Copia el árbol o descárgalo como archivo .txt cuando termines.

Preguntas frecuentes

¿Qué significan los números entre llaves y corchetes?
Son conteos de hijos, no valores: "user{5}" es un objeto con cinco claves, "items[12]" es una matriz de doce elementos. Te permite evaluar qué tan grande es una rama antes de expandirla.
¿Qué ocurre con los nodos más profundos que "Profundidad máxima"?
Se colapsan en una única línea de resumen que muestra cuántos nodos secundarios se ocultaron, en lugar de expandirse más. Aumenta el límite para ver más profundamente en el documento.
¿Cómo se acortan los valores largos?
"Longitud máxima de valor" limita cuántos caracteres puede mostrar un valor escalar antes de cortarse con puntos suspensivos. El corte nunca cae en medio de un carácter multibyte o emoji.
¿Qué me dice el mensaje de error si mi JSON es inválido?
Indica la línea y columna donde falló el análisis, muestra esa línea y explica la razón del analizador — generalmente una coma faltante, una comilla sin escape o un paréntesis no cerrado cerca de ese punto.
¿Se sube mi JSON a algún lugar?
No. El análisis y renderizado ocurren completamente en tu navegador y el documento nunca deja tu dispositivo — seguro para cargas que contienen tokens, datos de clientes o identificadores internos.