Graphical presentation of GraphQL schema

Question

Is there a way to provide visual diagram (UML like) of GraphQL Schema design?

Background: I already have a schema design with me, which is to be converted into GraphQL API. However, before starting GraphQL development, I want to create visual representation of schema that I have. Diagram should essentially show atleast Query Types and Relations, which will help developer knowing what to develop in GraphQL.

Is there a way or standards?

Answer 1

I know this is an old question but here is a 2023 answer. I needed a way to create UML and ER diagrams based on a graphql schema created using AWS Amplify and this turned out to create them beautifully: https://app.graphqleditor.com

Answer 2

you can visualize the GraphQL schema with graphql voyager https://ivangoncharov.github.io/graphql-voyager/

Answer 3

Moon Modeler supports visual definition of GraphQL Schema, incl. types, interfaces, enums, inputs and relations.

Answer 4

Check out this tool: https://github.com/sheerun/graphqlviz

In my experience using it on real-world GraphQL schemas the output can get really large but I think it may do what you are asking for.

Hope this helps!