Outils en français / Visualiser du JSON en arbre et en graphe interactif (JSON Viewer)English version →
Visualiser du JSON en arbre et en graphe interactif (JSON Viewer)
Un JSON profondément imbriqué est quasi illisible en texte brut. Cet outil le transforme en arbre dépliable avec le nombre d'éléments de chaque objet et tableau — et en vue graphe, où les données deviennent des cartes reliées que vous déplacez, agrandissez et repliez branche par branche.
La vue graphe révèle d'un coup d'œil ce que le texte cache : quel tableau est anormalement gros, quelle branche est imbriquée plus que de raison, quel élément a des champs différents de ses voisins. Le graphe s'exporte en SVG pour la documentation.
Mode d'emploi
- Collez le JSON dans le champ de saisie
- Basculez entre Tree (arbre) et Graph (graphe) en haut du panneau
- Dans le graphe : glissez pour déplacer, molette pour zoomer, clic sur l'en-tête d'une carte pour replier la branche
Questions fréquentes
- Quelle différence avec le formateur ?
- Le formateur produit du texte lisible ; le viewer, une structure interactive. Pour comprendre des données inconnues ou trouver un champ dans un payload profond, le viewer est nettement plus rapide.
- Supporte-t-il les gros documents ?
- Jusqu'à 10 Mo. Sur les gros documents, les branches profondes se replient automatiquement pour rester fluide ; ne dépliez que ce qui vous intéresse.
- Puis-je exporter le graphe ?
- Oui : le bouton SVG télécharge le graphe complet en fichier vectoriel sur fond blanc, prêt pour la documentation ou les slides.
Autres outils expliqués en français
- Formater du JSON en ligne (JSON Formatter) — gratuit
- Valider du JSON en ligne (JSON Validator) — avec ligne et colonne
- Encoder en Base64 en ligne — UTF-8 correct (accents, ç)
- Décoder du Base64 en ligne — UTF-8 correct, compatible JWT
- URL Encode en ligne — encoder du texte pour les URL (percent-encoding)
- URL Decode en ligne — décoder le percent-encoding