ERD like Relation View

How to browse complex GraphQL Schemas

Navigating a big GraphQL Schema with only code is nearly impossible. Instead use our diagram view to see how to browse it in an easy and transparent way.
Example ERD relation view exported to .png
Navigation
Navigate through this view, click to center on a node and see all its relations displayed.
Search & Order
Searching and ordering is available inside the top bar:
After searching you will get only the nodes from the search. Ordering is used to switch the order of Type Definitions like type scalar interface enum input union.
Node options
Additional options are available after selecting a node:
Parent
Display parent relations: show where this node is used. Turn off to only display children relations.
Scalars
Display/hide base scalar fields including String, Int, Float, ID, Boolean.
Enums
Expand/hide all enums. Enums can be tricky as the localization enum can consist of hundreds of values.
Deselect node
Deselect active node
Focus node 
Scrolls the node to the center of the current view.
Export to PNG
Exports current relation nodes to a png file.

GraphQL Creator

Markdown Docs

Last modified 11mo ago