Carga el ejemplo o pega JSON. Selecciona un nodo para leer su valor y copiar su ruta JSON Pointer. Guía Pointer y Patch
Visualiza JSON como un Grafo Interactivo
Explora una respuesta de API o una configuración como diagrama. Selecciona un nodo para consultar su valor JSON y copiar su Pointer RFC 6901. El ejemplo coincide con la guía de Pointer y Patch para que puedas comprobar las mismas rutas en ambos sitios.
Sobre el Visualizador de Grafo JSON
El dibujo tiene límites: 500 nodos, 50 hijos por nodo y 60 niveles. Un aviso identifica las vistas parciales; los valores copiados proceden del documento completo. El contador de nodos describe el subconjunto dibujado y la profundidad se refiere a las ramas visibles.
- 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. AdSense según tus preferencias de privacidad.
Preguntas frecuentes
¿Cómo funciona el visualizador de grafos JSON?
Pega JSON para dibujar un diagrama de padres e hijos. Selecciona un nodo con clic o teclado para leer su valor y copiar su JSON Pointer. Puedes plegar ramas, arrastrar el lienzo y usar la rueda para hacer zoom.
¿El visualizador de grafos es gratis?
Sí, es gratuito y no requiere cuenta. El grafo muestra hasta 500 nodos, 50 hijos por nodo y 60 niveles. Un aviso indica si la vista es parcial. Actualmente no ofrece exportación SVG.
¿La herramienta de grafos sube mi JSON?
El documento se analiza y visualiza localmente. Los eventos del grafo no envían JSON, nombres de propiedades, valores ni rutas. La web también utiliza servicios de publicidad y medición de audiencia; consulta los detalles en la política de privacidad.
¿Maneja bien archivos JSON grandes?
Los límites acotan el dibujo, pero analizar el JSON completo sigue requiriendo memoria. Los contadores indican el número real de hijos directos, aunque algunos no se dibujen. Usa JSONPath para seleccionar una sección más pequeña y explorarla en detalle.
¿Cuándo usar el grafo en vez del visor de árbol?
Usa el grafo para ver la estructura general y el visor de árbol para una consulta compacta. Seleccionar un nodo en el grafo también permite copiar su Pointer exacto y el valor completo, incluidos los datos omitidos por los límites del dibujo.
Guías relacionadas
Por Marco B.