JSON Crack
Para visualizar y entender estructuras de datos como JSON o YAML convirtiéndolas en grafos navegables.
Herramienta open source que transforma JSON, YAML, XML y CSV en grafos interactivos para explorar datos de un vistazo.
Notas y contexto
Qué es
JSON Crack es una herramienta de visualización creada por Aykut Saraç que convierte datos en JSON, YAML, XML y CSV en grafos y árboles interactivos. Es open source bajo licencia Apache-2.0 y está construida con React, Next.js y TypeScript. Funciona como aplicación web en jsoncrack.com y todo el procesamiento ocurre en local, sin enviar los datos a ningún servidor.
Para qué sirve
- Visualizar la estructura de un JSON o YAML grande como un grafo para entenderlo de un vistazo.
- Convertir entre formatos de datos, por ejemplo de JSON a CSV o de XML a JSON.
- Generar tipos y código a partir de los datos: interfaces de TypeScript, structs de Go, Rust, Kotlin o JSON Schema.
- Consultar y filtrar datos con jq o JSON Path y exportar el resultado como imagen (PNG, JPEG, SVG).
Cuándo usarlo
Es ideal cuando trabajas con respuestas de API o ficheros de configuración anidados y el texto plano cuesta de seguir. El editor web cubre la mayoría de casos de forma gratuita; si necesitas trabajar dentro del IDE existe una extensión para VS Code. Para datasets muy grandes o funciones avanzadas, el autor ofrece ToDiagram como producto de pago.
Ejemplo
Flujo básico en la aplicación web:
- Abre jsoncrack.com y pega tu JSON en el panel de la izquierda.
- El panel derecho dibuja automáticamente el grafo con los nodos enlazados según la jerarquía de los datos.
- Haz zoom y navega por los nodos; al seleccionar uno puedes ver su ruta y su contenido.
- Usa las opciones de exportar para generar tipos (por ejemplo interfaces de TypeScript) o guardar el grafo como imagen.
Puntos clave
- Visualización en grafo de varios formatos: JSON, YAML, XML y CSV.
- Procesamiento totalmente local: los datos no se almacenan en servidores.
- Conversión entre formatos y generación de código y JSON Schema integradas.
- Disponible como web, extensión de VS Code y extensión de Chrome.
Ten en cuenta
El editor web tiene un límite práctico de tamaño (alrededor de 300 KB), por lo que no es la mejor opción para ficheros muy voluminosos. Las funciones más avanzadas y los datasets grandes se han movido al producto de pago ToDiagram, al que se migró a los antiguos suscriptores premium. Para inspecciones rápidas en local también puedes recurrir a herramientas de consola como jq.