JSON Visualizer

Ein kostenloses Werkzeug, das JSON-Daten übersichtlich darstellt. Du fügst deinen JSON-Text ein und erhältst sofort einen aufklappbaren Baum, eine durchsuchbare Tabelle und Kennzahlen zum Aufbau deiner Daten. Du musst nichts installieren und dich nirgends anmelden.

JSON ist ein weit verbreitetes Textformat für Daten. Es kennt Objekte (benannte Einträge in geschweiften Klammern), Listen (geordnete Einträge in eckigen Klammern) und einfache Werte: Text, Zahlen, Wahrheitswerte (true oder false) und Null für „kein Wert“. Viele Webdienste, Programme und Schnittstellen liefern ihre Daten in diesem Format.

Nein. Alles geschieht ausschließlich in deinem Browser. Deine Daten werden weder hochgeladen noch gespeichert noch an Dritte weitergegeben. Sobald du die Seite schließt oder „Alles zurücksetzen“ wählst, sind die Daten aus dem Werkzeug verschwunden.

Klicke auf einen Eintrag mit Pfeil, um ihn auf- oder zuzuklappen. Hinter jedem Eintrag siehst du den Typ und bei Objekten und Listen, wie viele Einträge darin stecken. Mit den Pfeiltasten bewegst du dich durch den Baum, mit der Taste C kopierst du den Pfad des gewählten Eintrags. Über „Alles aufklappen“ öffnest du viele Ebenen auf einmal.

Der Schlüsselpfad beschreibt den Weg von der Wurzel bis zu einem Wert. Beispiel: $.kunden[0].name bedeutet: Im Objekt der obersten Ebene ($) den Eintrag „kunden“ nehmen, davon das erste Element ([0]) und darin den Eintrag „name“. Die Zählung in eckigen Klammern beginnt bei 0.

Die Tabelle löst die Verschachtelung auf: Jeder Wert steht in einer eigenen Zeile mit Pfad, Wert und Typ. So lassen sich auch große Datenmengen gut durchsuchen, nach Typen filtern und miteinander vergleichen. Null-Werte und Typabweichungen fallen dort sofort auf.

Eine Typabweichung liegt vor, wenn derselbe Eintrag an gleichartigen Stellen unterschiedliche Typen hat. Beispiel: „alter“ ist bei den meisten Personen eine Zahl, bei einer aber ein Text („41“). Solche Unterschiede führen in Programmen oft zu Fehlern, deshalb markiert das Werkzeug sie. Null-Werte werden getrennt gezählt und lassen sich ebenfalls gezielt anzeigen.

Dann entspricht dein Text nicht dem JSON-Format. Typische Ursachen sind ein Komma nach dem letzten Eintrag, einfache statt doppelte Anführungszeichen, Schlüssel ohne Anführungszeichen, Kommentare oder eine fehlende Klammer. Die Meldung nennt Zeile und Spalte; mit „Zur Fehlerstelle springen“ markierst du die Stelle im Eingabefeld. Deine bisherige Ansicht bleibt dabei erhalten.

Der Text darf bis zu 10 MB groß sein und höchstens 300.0 Elemente enthalten. Große Listen werden in Abschnitten angezeigt („Weitere anzeigen“), damit die Seite flüssig bleibt.

Der Browser rechnet intern mit Gleitkommazahlen. Ganze Zahlen mit mehr als etwa 15 Stellen können deshalb gerundet erscheinen. Das kann auch beim Formatieren oder Verdichten passieren – bewahre in diesem Fall dein Original auf.

Es leert das Eingabefeld und entfernt Ergebnisse, Suche und Filter. Danach beginnst du mit einem leeren Werkzeug. Zur Sicherheit fragt das Werkzeug vorher nach.

Auf kleinen Bildschirmen ersetzt eine Auswahlliste die Reiter: Wähle unter „Ansicht wählen“ zwischen Baum, Tabelle und Kennzahlen. Die Tabelle wird als übersichtliche Karten dargestellt, und alle Schaltflächen sind groß genug für die Bedienung mit dem Finger.