Visualiza JSON como un Grafo Interactivo
Pega cualquier JSON y el visualizador lo renderiza como un grafo de nodos y aristas basado en SVG donde cada clave es un nodo y cada relación padre-hijo es una arista. Los valores primitivos quedan en las hojas, objetos y arrays se ramifican, y el diagrama entero es desplazable y con zoom para navegar documentos que serían ilegibles como texto con scroll.
Úsalo cuando expliques una forma de datos a un compañero, documentes una respuesta de API en una design review, dimensiones una migración de schema o intentes entender un payload desconocido donde el anidamiento oculta relaciones. Es especialmente útil para estructuras recursivas como dumps de AST, respuestas GraphQL, configs en árbol y jerarquías de permisos donde las conexiones importan más que los valores exactos.
Los nodos están codificados por color según tipo de dato (cadena, número, booleano, null, objeto, array) para que los tipos sean legibles de un vistazo. Cualquier rama se puede colapsar para ocultar su subárbol, permitiéndote enfocarte en una sección sin perder contexto. Un panel de estadísticas muestra el conteo total de nodos y profundidad máxima para que midas complejidad rápido, y el layout se recalcula automáticamente al expandir o colapsar ramas.
El renderizado ocurre totalmente en el navegador — nada se sube, nada se guarda en servidor.
Sobre el Visualizador de Grafo JSON
El Visualizador de Grafo JSON renderiza tu JSON como un diagrama de árbol basado en SVG con nodos clicables. A diferencia de las vistas de texto plano, el grafo hace las relaciones anidadas inmediatamente visibles y te permite explorar datos interactivamente.
- Grafo basado en SVG con nodos y conexiones
- Colapsar y expandir cualquier rama
- Desplazamiento y zoom para estructuras JSON grandes
- Nodos codificados por color según tipo de dato
- Conteo de nodos y profundidad de un vistazo
100% en tu navegador. Tus inputs nunca salen de tu navegador. Anuncios mediante AdSense (con consentimiento).
Preguntas frecuentes
¿Cómo funciona el visualizador de grafos JSON?
Pega JSON y la herramienta dibuja cada objeto y array como un nodo, conectando padres con hijos mediante aristas. Obtienes un lienzo SVG con pan y zoom: usa la rueda para acercar una rama muy anidada, arrastra para reposicionar. El layout es automático, no necesitas colocar nodos a mano, y los valores primitivos se muestran dentro de su nodo dueño para mantener el grafo compacto y legible.
¿El visualizador de grafos es gratis?
Sí, totalmente gratis, sin registro ni límite de uso. Renderiza tantos JSON como necesites — respuestas API, árboles de configuración, ejemplos de esquema. JSONCraft tiene un único plan abierto para todas las herramientas, incluido el grafo. No hay marca de agua en los SVG exportados ni límite artificial de nodos; la capacidad de renderizado del navegador es la única restricción.
¿La herramienta de grafos sube mi JSON?
No. El JSON se analiza y organiza íntegramente en tu navegador — sin petición de red ni componente de servidor. Esto importa cuando el JSON representa infraestructura interna, registros de cliente o payloads de auth; puedes visualizar datos sensibles sin que salgan de tu máquina. No hay historial, ni cuenta, ni logs.
¿Maneja bien archivos JSON grandes?
Para documentos de hasta unos miles de nodos el renderer SVG sigue siendo interactivo. A partir de ahí los navegadores se ralentizan porque cada nodo es un elemento DOM. Para payloads muy grandes puedes plegar ramas o prefiltrar con JSONPath antes de pasar al grafo. El pan y zoom siguen respondiendo porque el SVG está acelerado por GPU aunque haya muchos elementos en pantalla.
¿Cuándo usar el grafo en vez del visor de árbol?
Usa el visor de árbol cuando quieras bajar top-down por una ruta y leer valores — es compacto y familiar. Usa el grafo cuando necesites ver la forma general de los datos, detectar subestructuras repetidas o explicar un esquema JSON a un compañero visualmente. El grafo es mejor para la estructura, el árbol para los valores.
Por Marco B. ·