An interactive GraphQL schema visualization tool built with React. Create your schema, set up relations, generate and save your schema files and test your schema by writing some basic queries with Graphiql. Start exploring the capabilities of GraphQL with our App.
Create a GraphQL Schema
- Create tables with the green button
- Clear all tables with red button
- Fill in each property of your schema and select each property class
- Create relations between tables by dragging a line and connecting a table to a row
- Save your schema file by clicking "Save Schema"
Explore with Graphiql and Mock Data
- Once your tables are created click on "Test Schema"
- This will launch GraphiQL and faker.js provides random data for you to send queries against your schema
- GraphQL Docs - GraphQL Official Docs
- How To GraphQL - Great Fullstack GraphQL Resource
- Awesome-Graphql - Awesome List of GraphQL Resources
This project is licensed under the MIT License - see the LICENSE.md file for details
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent