Visualiseur de chemins JSON

Visualise JSON ou JSONL sous forme darbre extensible et permet de copier les expressions JSONPath de chaque noeud

Collez du JSON ou du JSON Lines, ou chargez un fichier, pour inspecter les structures imbriquees comme dans un explorateur. Recherchez des champs, developpez les tableaux et objets, copiez des chemins precis comme $.store.book[0].title et exportez tout en CSV.

Exemples de résultats

1 Exemples

Explorer une charge store imbriquee et copier les chemins JSONPath

Utilisez larbre pour comprendre les tableaux, objets et chemins precis avant decrire des tests ou des transformations.

JSON Path Visualizer report with 16 total paths, 3 visible matches, copied path actions, and CSV export.
Voir paramètres d'entrée
{ "jsonInput": "{\n \"store\": {\n \"book\": [\n { \"title\": \"Clean Code\", \"price\": 32, \"authors\": [\"Robert C. Martin\"] },\n { \"title\": \"The Pragmatic Programmer\", \"price\": 28, \"authors\": [\"Andrew Hunt\", \"David Thomas\"] }\n ],\n \"bicycle\": { \"color\": \"red\", \"price\": 99.95 }\n }\n}", "jsonFile": "", "inputFormat": "auto", "searchTerm": "price", "expandDepth": 3, "includeValuesPreview": true, "exportAllPathsAsCsv": true }

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: .json, .jsonl, application/json, text/plain

Points clés

Catégorie
Développement et Web
Types d’entrée
textarea, file, select, text, number, checkbox
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Visualiseur de chemins JSON est un outil interactif conçu pour explorer et analyser facilement vos données JSON ou JSON Lines. En transformant vos données brutes en un arbre visuel et extensible, il vous permet de naviguer dans les structures imbriquées, de rechercher des champs spécifiques et de copier instantanément les expressions JSONPath exactes de chaque nœud. Idéal pour les développeurs et les testeurs, il offre également la possibilité d'exporter l'inventaire complet des chemins au format CSV pour simplifier la documentation et le mappage de données.

Quand l’utiliser

  • •Pour extraire rapidement des expressions JSONPath exactes lors de la création de tests d'API ou de scripts d'automatisation.
  • •Pour explorer et comprendre visuellement des réponses JSON ou JSONL complexes et profondément imbriquées.
  • •Pour générer une documentation complète de la structure de vos données en exportant tous les chemins vers un fichier CSV.

Comment ça marche

  • •Collez votre texte JSON ou JSON Lines directement dans l'éditeur, ou chargez un fichier depuis votre ordinateur.
  • •Ajustez la profondeur d'affichage par défaut et utilisez la barre de recherche pour filtrer rapidement les clés ou les valeurs spécifiques.
  • •Naviguez dans l'arbre interactif pour inspecter les données et cliquez sur un nœud pour copier son expression JSONPath (par exemple, $.store.book[0].title).
  • •Cochez l'option d'exportation pour télécharger l'ensemble des chemins générés sous forme de fichier CSV.

Cas d’usage

Développement et test d'API : Récupération des chemins JSONPath pour valider les réponses dans des outils comme Postman ou RestAssured.
Analyse de logs : Inspection visuelle des fichiers de logs au format JSON Lines (JSONL) pour isoler des erreurs ou des événements spécifiques.
Cartographie de données : Exportation de la structure complète d'un flux JSON en CSV pour faciliter le mapping avec une base de données relationnelle.

Exemples

1. Extraction de chemins pour des tests d'API

Ingénieur QA
Contexte
L'ingénieur doit écrire des assertions pour vérifier les prix des articles dans une réponse d'API e-commerce complexe.
Problème
Trouver manuellement la syntaxe JSONPath correcte pour des éléments situés dans des tableaux imbriqués est fastidieux et source d'erreurs.
Comment l’utiliser
Coller la réponse JSON de l'API, définir la profondeur sur 3, et rechercher le terme 'price'.
Configuration d’exemple
Recherche: price, Profondeur: 3, Aperçu activé.
Résultat
L'arbre filtre et met en évidence les nœuds de prix. L'ingénieur copie directement $.store.book[0].price pour l'intégrer dans son script de test.

2. Documentation d'une structure JSON

Analyste de données
Contexte
L'analyste reçoit un fichier JSON volumineux contenant des données clients et doit préparer un schéma de base de données.
Problème
Il a besoin d'une liste exhaustive de tous les champs et de leur hiérarchie pour créer son mapping de données.
Comment l’utiliser
Uploader le fichier clients.json et cocher l'option 'Exporter tous les chemins en CSV'.
Résultat
Un fichier CSV est généré avec l'inventaire complet des chemins JSONPath, prêt à être ouvert dans un tableur pour documenter le mapping.

Tester avec des échantillons

json, csv, text
Exemples JSON de Chat
Exemples JSON pour transcriptions de chat multi-rôles
title token json
json, text
Exemples JSON de Texte Riche
Exemples JSON pour éditeurs de texte riche (TipTap, Quill, Slate)
title token json
json, text
Exemples d'Analyse de Logs ELK Stack
Exemples complets ELK Stack pour agrégation, traitement et visualisation de logs dans les systèmes distribués
preferred input family json,text
json, text
Exemples JWT
Exemples complets de JWT de la structure de base des tokens aux implémentations de sécurité avancées
preferred input family json,text
json, text

Hubs associés

Outils Json
Découvrez 47 outils json pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Text pour Convert
Découvrez 80 outils text pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Csv pour Convert
Découvrez 38 outils csv pour des workflows de convert et comparez rapidement des utilitaires proches.

FAQ

Quels formats de données sont pris en charge ?

L'outil prend en charge les formats JSON standard et JSON Lines (JSONL). Vous pouvez coller du texte brut ou importer un fichier .json ou .jsonl.

Comment copier le chemin d'un élément spécifique ?

Il vous suffit de naviguer dans l'arbre visuel jusqu'à l'élément souhaité. Une action de copie est disponible sur chaque nœud pour récupérer son JSONPath exact dans votre presse-papiers.

Puis-je rechercher une valeur précise dans un gros fichier JSON ?

Oui, le champ de recherche vous permet de filtrer l'arbre pour trouver rapidement des clés ou des valeurs spécifiques, même dans des structures volumineuses.

À quoi sert l'exportation CSV ?

L'exportation CSV génère un tableau listant tous les chemins JSONPath de votre fichier. C'est très utile pour documenter une API, mapper des données ou préparer des plans de test.

L'outil peut-il gérer des objets profondément imbriqués ?

Absolument. Vous pouvez définir la profondeur d'expansion initiale (jusqu'à 8 niveaux) pour garder une vue claire, puis déplier manuellement les nœuds plus profonds selon vos besoins.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/json-path-visualizer

Paramètres de la requête

Nom du paramètre Type Requis Description
jsonInput textarea Non -
jsonFile file (Téléchargement requis) Non -
inputFormat select Non -
searchTerm text Non -
expandDepth number Non -
includeValuesPreview checkbox Non -
exportAllPathsAsCsv checkbox Non -

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/json-path-visualizer pour obtenir filePath, puis filePath doit être passé au champ de fichier correspondant.

Format de réponse

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "Visualise JSON ou JSONL sous forme darbre extensible et permet de copier les expressions JSONPath de chaque noeud",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Prend en charge les liens de fichiers URL ou la codification Base64 pour les paramètres de fichier.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]