GraphQL Playground - Try GraphQL on the Web

GraphQL is attracting attention as a possibility that it may go beyond the REST API. Since it is possible to specify what kind of data you want on the client side, it is attractive that you can retrieve it in the most appropriate form while changing the data structure as necessary.

There is GraphQL Playground as an environment to try such GraphQL. It seems convenient if it is accompanied by development.

How to use GraphQL Playground

It is the main screen. The left side is the editor, the execution result appears on the right side.

When executed, JSON will be displayed.

There is a code generation function to execute the specified GraphQL.

For JavaScript, fetch version is also available.

Also the curl command.

You can also send parameters using queries.

I changed the color theme.

You can also share the contents of GraphQL Playground, so it seems that you can use it to share Tips-like usage of GraphQL in the team. GraphQL is still only a new concept, it takes more or less time to get used to it. It would be convenient to have an environment where you can proactively try.

GraphQL Playground is Open Source Software (MIT License) made by TypeScript.

Playground

graphcool/graphql-playground: ? GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)