JSON-Pfad-Visualizer

Visualisiert JSON oder JSONL als aufklappbaren Baum und kopiert JSONPath-Ausdruecke fuer jeden Knoten

Fuegen Sie JSON oder JSON Lines ein oder laden Sie eine Datei hoch, um verschachtelte Strukturen wie in einem Dateimanager zu untersuchen. Suchen Sie Felder, klappen Sie Arrays und Objekte aus, kopieren Sie exakte Pfade wie $.store.book[0].title und exportieren Sie alle Pfade als CSV.

Beispielergebnisse

1 Beispiele

Verschachtelte Store-Daten erkunden und JSONPath-Ausdruecke kopieren

Mit der Baumansicht verstehen Sie Arrays, Objekte und exakte Pfade vor Tests oder Transformationen.

JSON Path Visualizer report with 16 total paths, 3 visible matches, copied path actions, and CSV export.
Eingabeparameter anzeigen
{ "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

Wichtige Fakten

Kategorie
Entwicklung & Web
Eingabetypen
textarea, file, select, text, number, checkbox
Ausgabetyp
html
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der JSON-Pfad-Visualizer verwandelt komplexe JSON- und JSONL-Daten in eine übersichtliche, interaktive Baumstruktur. Entwickler und Datenanalysten können verschachtelte Arrays und Objekte wie in einem Dateimanager durchsuchen, exakte JSONPath-Ausdrücke für jeden Knoten mit einem Klick kopieren und alle Pfade für Dokumentationszwecke als CSV exportieren.

Wann verwenden

  • •Wenn Sie die genauen JSONPath-Ausdrücke für tief verschachtelte API-Antworten ermitteln müssen.
  • •Zur schnellen Fehlersuche und Validierung von großen JSON- oder JSONL-Dateien.
  • •Wenn Sie eine vollständige Liste aller verfügbaren Datenpfade als CSV-Export für die Dokumentation benötigen.

So funktioniert es

  • •Fügen Sie Ihren JSON- oder JSONL-Text in das Eingabefeld ein oder laden Sie eine entsprechende Datei hoch.
  • •Legen Sie die Standardtiefe fest und nutzen Sie die Suchfunktion, um bestimmte Felder oder Werte schnell zu finden.
  • •Navigieren Sie durch den interaktiven Baum, um Arrays und Objekte auf- oder zuzuklappen.
  • •Klicken Sie auf einen Knoten, um den exakten JSONPath zu kopieren, oder exportieren Sie alle Pfade als CSV.

Anwendungsfälle

Extrahieren von JSONPath-Ausdrücken für das Mapping von API-Schnittstellen in Integrationsplattformen.
Erkunden und Verstehen unbekannter, tief verschachtelter JSON-Strukturen von Drittanbieter-APIs.
Erstellen eines Inventars aller Datenfelder einer JSON-Datei durch den CSV-Export für Datenkataloge.

Beispiele

1. API-Antworten für Integrationen analysieren

Backend-Entwickler
Hintergrund
Ein Entwickler muss Daten aus einer komplexen E-Commerce-API in eine Datenbank mappen.
Problem
Das manuelle Heraussuchen der korrekten JSONPath-Ausdrücke für verschachtelte Produktinformationen ist fehleranfällig und zeitaufwendig.
Verwendung
Fügen Sie die JSON-Antwort ein, setzen Sie die Standardtiefe auf 3 und suchen Sie nach dem Begriff 'price'.
Beispielkonfiguration
{
  "searchTerm": "price",
  "expandDepth": 3,
  "includeValuesPreview": true
}
Ergebnis
Der Baum klappt sich bis zur dritten Ebene auf, markiert alle Preis-Felder und ermöglicht das direkte Kopieren von Pfaden wie $.store.book[0].price.

2. Datenkatalog aus JSON-Export erstellen

Datenanalyst
Hintergrund
Ein Analyst erhält einen großen JSON-Export mit Kundendaten und muss dokumentieren, welche Felder existieren.
Problem
Die manuelle Dokumentation aller möglichen Pfade und Verschachtelungen dauert Stunden.
Verwendung
Laden Sie die JSON-Datei hoch und aktivieren Sie 'Alle Pfade als CSV exportieren'.
Beispielkonfiguration
{
  "exportAllPathsAsCsv": true,
  "inputFormat": "auto"
}
Ergebnis
Das Tool generiert sofort eine CSV-Datei mit einer vollständigen Liste aller JSON-Pfade, die direkt in Excel oder ein Wiki importiert werden kann.

Mit Samples testen

json, csv, text
Chat-JSON-Beispiele
JSON-Beispiele für Chat-Transkripte mit mehreren Rollen
title token json
json, text
Rich-Text-JSON-Beispiele
JSON-Beispiele für Rich-Text-Editoren (TipTap, Quill, Slate)
title token json
json, text
ELK Stack Log-Analyse Beispiele
Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
preferred input family json,text
json, text
JWT-Beispiele
Umfassende JWT-Beispiele von der grundlegenden Token-Struktur bis zu fortgeschrittenen Sicherheitsimplementierungen
preferred input family json,text
json, text

Verwandte Hubs

Json-Tools
Entdecken Sie 47 json-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Text-Convert-Tools
Entdecken Sie 80 text-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Csv-Convert-Tools
Entdecken Sie 38 csv-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Unterstützt das Tool JSON Lines (JSONL)?

Ja, Sie können das Eingabeformat auf 'JSON Lines' setzen oder die automatische Erkennung nutzen, um JSONL-Dateien zu visualisieren.

Kann ich nach bestimmten Schlüsseln oder Werten suchen?

Ja, über das Feld 'Suchbegriff' können Sie gezielt nach Feldnamen oder Werten filtern, um relevante Knoten im Baum hervorzuheben.

Wie kopiere ich einen JSONPath?

In der generierten Baumansicht können Sie den JSONPath jedes Knotens direkt per Klick in Ihre Zwischenablage kopieren.

Was macht die Option 'Alle Pfade als CSV exportieren'?

Diese Funktion generiert eine CSV-Datei, die alle in Ihren JSON-Daten gefundenen Pfade auflistet, was ideal für API-Dokumentationen oder QA-Tests ist.

Kann ich die Tiefe des Baums beim Start anpassen?

Ja, mit der Option 'Standardtiefe' können Sie festlegen, wie viele Ebenen des JSON-Baums beim Laden automatisch ausgeklappt werden sollen (0 bis 8).

API-Dokumentation

Request-Endpunkt

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

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
jsonInput textarea Nein -
jsonFile file (Upload erforderlich) Nein -
inputFormat select Nein -
searchTerm text Nein -
expandDepth number Nein -
includeValuesPreview checkbox Nein -
exportAllPathsAsCsv checkbox Nein -

Dateitypparameter müssen erst über POST /upload/json-path-visualizer hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

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

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "Visualisiert JSON oder JSONL als aufklappbaren Baum und kopiert JSONPath-Ausdruecke fuer jeden Knoten",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]