GraphQL Schema Visualizer
Browse GraphQL SDL types, fields, args, unions, enums, interfaces. Cross-type navigation.
published
- [FREE]
- [NO_SIGNUP]
- [NO_UPLOAD]
A GraphQL schema visualizer turns SDL text into a browsable type explorer. Every object, interface, union, enum, input, and scalar listed in a sidebar — click any one to see its fields with full type information, arguments, default values, and deprecation tags.
Why client-side
Most schema visualizers want you to point them at your live GraphQL endpoint. That means handing over an introspection token. This one doesn’t talk to anything: paste the SDL, browse, close the tab.
Privacy
The official graphql-js parser runs in your browser. No introspection, no fetch, no telemetry on the schema text.
Frequently asked questions
What does the visualizer do?
Parses any GraphQL SDL schema and renders types as a navigable list. Click a type to see its fields, arguments, return types, deprecations, and descriptions. Clicking a type reference jumps to that type.
Does it work with a remote endpoint?
No — this tool reads SDL text only. To visualize a live API, run an introspection query (or `graphql get-schema`) against your endpoint, save the resulting SDL, and paste it here. Keeping it offline means no auth tokens or endpoint URLs ever touch a server.
What about Apollo Federation directives?
Custom directives like `@key`, `@external`, `@requires` parse fine because they are valid SDL. They show up implicitly in the source text but the field list itself is the same.
Is the schema sent anywhere?
No. The `graphql-js` parser runs in your tab. The schema text never leaves your browser.