JSON boomviewer
Visualiseer JSON-gegevens als een interactieve inklapbare boom. Zoek sleutels en waarden, volg JSONPath bij hoveren en verwerk grote bestanden met lazy loading. Drag & drop van .json-bestanden wordt ondersteund.
Wat is een JSON boomviewer?
Een JSON boomviewer is een tool die JSON-tekst parseert en weergeeft als een interactieve, inklapbare boomstructuur. Elk knooppunt toont zijn sleutel, type en waarde-voorbeeld, zodat u diep geneste JSON-gegevens visueel kunt verkennen zonder ruwe tekst te lezen.
Hoe klap ik boomknooppunten in en uit?
Klik op het pijlicoon naast een object- of array-knooppunt om het uit of in te klappen. U kunt ook op de knooppuntrij zelf klikken. Gebruik de knoppen "Alles uitklappen" en "Alles inklappen" in de werkbalk om de hele boom tegelijk om te schakelen.
Hoe werkt de zoekfunctie?
Typ een trefwoord in het zoekvak en de tool markeert direct overeenkomende sleutels en tekenreekswaarden. Overeenkomende rijen worden gemarkeerd en u kunt tussen overeenkomsten springen met de vorige/volgende knoppen of de Enter (vooruit) en Shift+Enter (achteruit) toetsen.
Wat is JSONPath en hoe kopieer ik het?
JSONPath is een puntnotatie-expressie die naar een specifiek knooppunt wijst, bijv. $.user.address[0].city. Beweeg over een knooppunt en het volledige pad verschijnt in de padbalk; klik op het pad of het kopieericoon om het naar het klembord te kopiëren.
Kan ik JSON uit een bestand laden?
Ja. Klik op de knop "Bestand laden" om een .json-bestand te zoeken, of sleep en laat een .json-bestand eenvoudig in het invoergebied vallen. De bestandsinhoud wordt lokaal in uw browser gelezen en wordt nooit naar een server geüpload.
Hoe worden verschillende waardetypes weergegeven?
Elk waardetype heeft een eigen kleur: strings zijn groen, getallen blauw, booleans oranje en null-waarden grijs. Objecten en arrays tonen een badge met het aantal kinderen, zoals {3} of [5].
Hoe gaat de tool om met zeer grote JSON-bestanden?
Wanneer een knooppunt meer dan 1000 kinderen heeft, gebruikt de tool lazy loading: het rendert de eerste 100 items en toont een knop "Meer laden" onderaan. Dit houdt de interface responsief, zelfs bij arrays met duizenden items.
Worden mijn JSON-gegevens naar een server gestuurd?
Nee. Alle parsing, rendering en zoekopdrachten vinden volledig in uw browser plaats. Uw JSON-gegevens verlaten nooit uw apparaat, waardoor deze tool veilig is voor gevoelige of vertrouwelijke gegevens.
Wat gebeurt er als ik ongeldige JSON plak?
De tool toont een duidelijke foutmelding onder het invoergebied met de parseerfout en de locatie. De boomweergave blijft leeg totdat u de syntaxis corrigeert en de invoer weer geldige JSON is.
Werkt deze tool offline?
Zodra de pagina is geladen, draait de tool volledig in uw browser en kan deze zonder internetverbinding werken. Alleen de initiële paginalading vereist netwerktoegang om de statische bronnen op te halen.
Hoe JSON boomviewer te gebruiken
Plak JSON of sleep een .json-bestand naar de pagina en verken de data als een interactieve, inklapbare boom. Alles draait lokaal in je browser — je gegevens worden nooit geüpload.
- Plak je JSON in de editor of sleep een .json-bestand direct op de pagina.
- Klik op de pijltjes naast objecten en arrays om takken in- of uit te klappen en alleen relevante knooppunten te tonen.
- Typ een sleutel of waarde in het zoekveld om overeenkomende knooppunten in de hele boom te markeren.
- Beweeg de muis over een knooppunt om zijn JSONPath te zien en de exacte locatie van een geneste waarde te kopiëren.
Dankzij lazy loading blijven grote bestanden vlot — een tak wordt pas geparseerd als je hem uitklapt.
Gerelateerde tools
- YAML boomviewer Parseert YAML in een interactieve inklapbare boom. Ondersteunt multi-document YAML, ankers en aliassen, zoeken, JSON-conversie en drag & drop van .yaml/.yml-bestanden.
- JSON-padzoeker Navigeer geneste JSON-gegevens met padexpressies. Ondersteunt punt- en haakjesnotatie en array-indexering met directe resultaten en padenlijst.
- TSV naar JSON Converteer TSV naar JSON online gratis. Ondersteunt kopteksten, automatische typedetectie en minificatie. Alles in de browser.
- JSON naar CSV Gratis online JSON-naar-CSV-converter. Vlak geneste objecten af, kies scheidingstekens en download direct. 100% in de browser.
- CSV naar JSON Converter Converteer CSV naar JSON online gratis. Ondersteunt aangepaste scheidingstekens, koptekstgebaseerde objecten en automatische typedetectie. Alles in de browser.
- XML Beautifier Gratis online XML Beautifier. Formatteer en verfraai XML direct in uw browser.
- XML Validator Valideer XML-syntaxis en -structuur direct. Detecteer fouten met precieze regelnummers en gedetailleerde berichten. Gratis, veilig, draait in uw browser.
- SQL naar JSON Converteer SQL INSERT-instructies direct naar JSON-arrays of -objecten. Ondersteunt meerdere VALUES-rijen, NULL-afhandeling, automatische typedetectie en pretty print. 100% client-side, geen upload.