jsontoolskit.org
JSON and JSON Schema utilities, in the browser
Say hi →

JSON Schema Visualizer

interactive diagram · $ref resolution · oneOf / anyOf branches

Paste a JSON Schema, get an indented diagram. Object types are boxes with properties as rows. $ref are shown inline. Useful for documenting an API schema or auditing a complex schema for overuse of oneOf.

Paste a JSON Schema.

How to visualise a schema

  1. Paste your schema.
  2. The diagram renders automatically. Object types are boxes, properties are rows, $ref are dashed arrows.
  3. For schemas with external $ref, the tool prompts you to paste each referenced schema by URL. They're combined locally — nothing is fetched.
  4. Layout dropdown: Tree (default), Force-directed, Radial.
  5. Export as SVG (best for docs) or PNG.

FAQ

Why is my diagram a tangle of arrows?

Usually it means the schema overuses oneOf or anyOf with deeply different branches. Consider splitting into distinct named schemas.

Does it resolve external $ref URLs?

No — browser CORS would block most fetches anyway. Paste the referenced schema inline (in $defs) before visualizing.

Will it work offline?

Yes — pure SVG / DOM rendering.