JSON CRACK : vos JSON imbriqués deviennent des graphes interactifs
📌 JSON CRACK est un visualiseur open source qui affiche vos données JSON sous forme de graphe interactif, directement dans le navigateur. Plutôt que de scroller trois cents lignes d’accolades, on explore des nœuds qu’on déplie au clic. 44 000 étoiles sur GitHub, une extension VS Code, un traitement 100 % local : le projet mérite le détour.
La scène est familière : une réponse d’API copiée dans un éditeur, des objets imbriqués sur plusieurs niveaux, un tableau au milieu. Un formateur indente le texte, mais tout reste linéaire. JSON Crack prend le problème à l’envers. On colle le JSON, on pointe une URL ou on dépose un fichier, et la structure apparaît en arbre ou en graphe, en mode sombre comme en clair. Chaque nœud se déplie, se replie, se suit. La vue texte reste disponible à côté pour copier une valeur précise.
L’outil ne s’arrête pas au JSON. YAML, CSV et XML passent aussi à la moulinette, avec conversion dans les deux sens : JSON vers CSV, YAML vers JSON, XML vers JSON. Côté fiabilité, il valide la syntaxe et signale les erreurs. Et il va plus loin que la lecture : génération d’interfaces TypeScript, de structs Golang ou Rust (serde), de data classes Kotlin, création de JSON Schema avec données d’exemple, exécution de requêtes jq ou JSON path, décodage de JWT. De quoi fermer deux ou trois onglets de services divers.
Je trouve l’approche particulièrement convaincante dans deux situations : la découverte d’une API inconnue, où la forme d’une réponse se lit en dix secondes, et la transmission à des collègues moins à l’aise avec le JSON brut. L’export du graphe en PNG, JPEG ou SVG règle la question en un clic.
Autre point qui compte : rien ne quitte la machine. Le traitement se fait dans le navigateur, rien n’est stocké sur les serveurs de l’éditeur. Pour des données internes, le dépôt fournit une configuration Docker prête à l’emploi, l’occasion de garder l’outil en self-hosted. Une extension Chrome et un paquet npm (jsoncrack-react) complètent l’écosystème pour embarquer le visualiseur ailleurs.
Une limite à connaître : la FAQ annonce environ 300 Ko de données visualisables, variable selon la machine. Inutile d’y passer un dump de plusieurs mégaoctets. Et les fonctions premium ont déménagé vers ToDiagram, un service commercial du même auteur. Le cœur reste gratuit : la v1.0 date de février 2022 et le projet est toujours actif en 2026.
- 🌳 Graphe ou arbre interactif généré en temps réel, mode sombre inclus
- 🔄 Conversions entre JSON, YAML, CSV et XML
- 🧩 Génération de types TypeScript, Rust, Golang, Kotlin et de JSON Schema
- 🔍 Requêtes jq et JSON path, décodage JWT intégrés
- 🖼️ Export du graphe en PNG, JPEG ou SVG
- 🔒 Traitement local, configuration Docker fournie
Sources
