Tools auf Deutsch / JSON als Baum und interaktiven Graphen visualisieren (JSON Viewer)English version →
JSON als Baum und interaktiven Graphen visualisieren (JSON Viewer)
Tief verschachteltes JSON ist als Rohtext kaum lesbar. Dieses Tool verwandelt es in einen aufklappbaren Baum mit Elementanzahl je Objekt und Array — und in eine Graphansicht, in der die Daten als verbundene Karten gezeichnet werden: verschieben, zoomen, Zweig für Zweig einklappen.
Die Graphansicht zeigt auf einen Blick, was der Text verbirgt: welches Array ungewöhnlich groß ist, welcher Zweig unnötig tief verschachtelt ist, welches Element andere Felder hat als seine Geschwister. Der Graph lässt sich als SVG für die Dokumentation exportieren.
So funktioniert's
- JSON in das Eingabefeld einfügen
- Oben im Panel zwischen Tree (Baum) und Graph umschalten
- Im Graphen: Ziehen zum Verschieben, Scrollen zum Zoomen, Klick auf den Kartenkopf klappt den Zweig ein
Häufige Fragen
- Was unterscheidet den Viewer vom Formatter?
- Der Formatter liefert lesbaren Text, der Viewer eine interaktive Strukturansicht. Zum Verstehen unbekannter Daten oder zum Auffinden eines Felds in tiefen Payloads ist der Viewer deutlich schneller.
- Funktioniert das mit großen Dokumenten?
- Bis 10 MB. Bei großen Dokumenten werden tiefe Zweige automatisch eingeklappt, damit alles flüssig bleibt; expandieren Sie nur den relevanten Teil.
- Kann ich den Graphen exportieren?
- Ja — der SVG-Button lädt den kompletten Graphen als Vektordatei mit weißem Hintergrund herunter, fertig für Doku oder Folien.
Weitere Tools mit deutscher Erklärung
- JSON formatieren online (JSON Formatter) — kostenlos
- JSON validieren online (JSON Validator) — mit Zeile und Spalte
- Base64 kodieren online — mit korrektem UTF-8 (Umlaute)
- Base64 dekodieren online — UTF-8-korrekt, auch für JWT
- URL-Encoding online — Text für URLs kodieren (Percent-Encoding)
- URL-Decoding online — Percent-Encoding entschlüsseln