Herramientas en español / Visualizar JSON como árbol y grafo interactivo (JSON Viewer)English version →
Visualizar JSON como árbol y grafo interactivo (JSON Viewer)
Un JSON con muchos niveles de anidación es casi imposible de leer como texto. Esta herramienta lo convierte en un árbol plegable con el número de elementos de cada objeto y array — y en una vista de grafo donde los datos se dibujan como tarjetas conectadas que puedes arrastrar, ampliar y colapsar rama por rama.
La vista de grafo revela de un vistazo lo que el texto esconde: qué array es anormalmente grande, qué rama está anidada más de la cuenta o qué elemento tiene campos distintos de sus hermanos. Además puedes exportar el grafo como SVG para documentación.
Cómo se usa
- Pega el JSON en el campo de entrada
- Cambia entre vista Tree (árbol) y Graph (grafo) en la esquina del panel
- En el grafo: arrastra para moverte, rueda para zoom, clic en la cabecera de una tarjeta para colapsar esa rama
Preguntas frecuentes
- ¿En qué se diferencia del formateador?
- El formateador produce texto legible; el visor produce una representación interactiva de la estructura. Para entender datos desconocidos o encontrar un campo en un payload profundo, el visor es mucho más rápido.
- ¿Aguanta documentos grandes?
- Hasta 10 MB. En documentos grandes las ramas profundas se colapsan automáticamente para mantener la fluidez; expande solo la parte que te interesa.
- ¿Puedo exportar el grafo?
- Sí: el botón SVG descarga el grafo completo como archivo vectorial con fondo blanco, listo para pegar en documentación o diapositivas.
Otras herramientas con explicación en español
- Formatear JSON online (JSON Formatter) — gratis
- Validar JSON online (JSON Validator) — con línea y columna del error
- Codificar en Base64 online — con soporte UTF-8 (acentos y ñ)
- Decodificar Base64 online — UTF-8 correcto, apto para JWT
- URL Encode online — codificar texto para URLs (percent-encoding)
- URL Decode online — decodificar percent-encoding