GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ Novvum β†’ Graphql Birdseye

Novvum / Graphql Birdseye

Licence: mit
View any GraphQL schema as a dynamic and interactive graph. πŸ¦…

Programming Languages

typescript
32286 projects

Labels

graphql

Projects that are alternatives of or similar to Graphql Birdseye

Learnapollo
πŸ‘©πŸ»β€πŸ« Learn Apollo - A hands-on tutorial for Apollo GraphQL Client (created by Graphcool)
Stars: ✭ 5,274 (+711.38%)
Mutual labels:  graphql
Coolqlcool
Nextjs server to query websites with GraphQL
Stars: ✭ 623 (-4.15%)
Mutual labels:  graphql
Nestjs Learning
nestjs 学习教程 πŸ“šοΌŒθ·Ÿζˆ‘δΈ€θ΅·ε­¦δΉ  nest ζ‘†ζžΆ~ πŸ’ͺ
Stars: ✭ 638 (-1.85%)
Mutual labels:  graphql
Starlette
The little ASGI framework that shines. 🌟
Stars: ✭ 6,337 (+874.92%)
Mutual labels:  graphql
Clean Ts Api
API em NodeJs usando Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles
Stars: ✭ 619 (-4.77%)
Mutual labels:  graphql
Graphqlbundle
This bundle provides tools to build a complete GraphQL server in your Symfony App.
Stars: ✭ 628 (-3.38%)
Mutual labels:  graphql
Eliasdb
EliasDB a graph-based database.
Stars: ✭ 611 (-6%)
Mutual labels:  graphql
Graphql Ts Server Boilerplate
A GraphQL server boilerplate made with Typescript, PostgreSQL, and Redis
Stars: ✭ 643 (-1.08%)
Mutual labels:  graphql
Graphql.github.io
GraphQL Documentation at graphql.org
Stars: ✭ 622 (-4.31%)
Mutual labels:  graphql
Awesome React Graphql
A curated collection of resources, clients and tools that make working with `GraphQL and React/React Native` awesome
Stars: ✭ 635 (-2.31%)
Mutual labels:  graphql
React App
Create React App with server-side code support
Stars: ✭ 614 (-5.54%)
Mutual labels:  graphql
Graphql Client
Typed, correct GraphQL requests and responses in Rust
Stars: ✭ 620 (-4.62%)
Mutual labels:  graphql
Elixir Boilerplate
βš— The stable base upon which we build our Elixir projects at Mirego.
Stars: ✭ 627 (-3.54%)
Mutual labels:  graphql
Vue Apollo
πŸš€ Apollo/GraphQL integration for VueJS
Stars: ✭ 5,529 (+750.62%)
Mutual labels:  graphql
Practical.cleanarchitecture
Asp.Net Core 5 Clean Architecture (Microservices, Modular Monolith, Monolith) samples (+Blazor, Angular 11, React 17, Vue 2.6), Domain-Driven Design, CQRS, Event Sourcing, SOLID, Asp.Net Core Identity Custom Storage, Identity Server 4 Admin UI, Entity Framework Core, Selenium E2E Testing, SignalR Notification, Hangfire Tasks Scheduling, Health Checks, Security Headers, ...
Stars: ✭ 639 (-1.69%)
Mutual labels:  graphql
Graphql React
A GraphQL client for React using modern context and hooks APIs that is lightweight (< 3.5 KB size limited) but powerful; the first Relay and Apollo alternative with server side rendering.
Stars: ✭ 611 (-6%)
Mutual labels:  graphql
Graphql Multipart Request Spec
A spec for GraphQL multipart form requests (file uploads).
Stars: ✭ 622 (-4.31%)
Mutual labels:  graphql
Django Graphql Jwt
JSON Web Token (JWT) authentication for Graphene Django
Stars: ✭ 649 (-0.15%)
Mutual labels:  graphql
Este
This repo is suspended.
Stars: ✭ 5,467 (+741.08%)
Mutual labels:  graphql
Pizzaql
πŸ• Modern OSS Order Management System for Pizza Restaurants
Stars: ✭ 631 (-2.92%)
Mutual labels:  graphql
View All Similar Projects βž”
View any GraphQL schema as a dynamic and interactive graph. Try it out now: http://birdseye.novvum.io/

NPM JavaScript Style Guide

Description

Birdseye is an interactive tool that dynamically displays GraphQL schemas. It helps teams visualize and understand the nodes and connections within their schema. Birdseye was built using jointJS and makes for a lightweight addition to any web project.

Try the React component on CodeSandbox:

Edit graphql-birdseye-demo

Features

  1. Graphical view of any GraphQL schema
  2. Ability to click on a field or type to view its connections
  3. Dynamic zooming to focus on small portions of the schema at a time
  4. Add to any web project
  5. Customizable styling and theming

Getting Started

You can add Birdseye to your project as either a Javascript library or as a React package. Get started by reading the docs for each method:

Background

Birdseye was inspired by GraphQL Voyager and the Apis-guru team. We found that Voyager would add 1.2 MB to our projects, which was too big for us. This motivated us to create Birdseye, which has a bundle size of less than 200 KB. Birdseye is open source and free to use and explore.

Roadmap

We have plans to keep improving Birdseye. Here's what is next:

  1. Add Union and Interface type support
  2. Improve performance for larger schemas
  3. Option to toggle zoom navigation style
  4. Smoother UI transitions and interactions

Contributing

This is an open source project. To learn how to contribute, please check out our contributing guide.

License

MIT Β© Novvum

Made with ❀️ by Novvum

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].