JSON Structure Explorer

Visualize and understand how JSON organizes data. Input any JSON and see its hierarchical structure with detailed explanations of each component.

Input JSON

How to Read the Results

The visualization shows your JSON data as a tree structure. Here's what each color means:

  • "key" - Property names (keys) in blue/purple
  • "string" - Text values in green
  • 123 - Numbers in orange
  • true/false - Boolean values in cyan
  • null - Null values in gray

Common Misunderstandings

JSON is not JavaScript. While JSON syntax comes from JavaScript, it's a text-based data format that can be used with any programming language.

Keys must be strings. Unlike JavaScript objects, JSON requires all keys to be enclosed in double quotes.

No trailing commas. JSON does not allow a comma after the last item in an object or array.