{"id":21102804,"url":"https://github.com/novvum/graphql-birdseye","last_synced_at":"2025-05-16T12:10:47.336Z","repository":{"id":34049307,"uuid":"161003759","full_name":"Novvum/graphql-birdseye","owner":"Novvum","description":"View any GraphQL schema as a dynamic and interactive graph. 🦅  ","archived":false,"fork":false,"pushed_at":"2022-12-10T17:04:56.000Z","size":13817,"stargazers_count":705,"open_issues_count":30,"forks_count":21,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-05-01T03:10:05.662Z","etag":null,"topics":["graphql","graphql-birdseye","graphql-playground","graphql-visualizer","jointjs"],"latest_commit_sha":null,"homepage":"http://birdseye.novvum.io/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Novvum.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-12-09T04:23:23.000Z","updated_at":"2025-03-17T22:42:35.000Z","dependencies_parsed_at":"2023-01-15T04:15:26.083Z","dependency_job_id":null,"html_url":"https://github.com/Novvum/graphql-birdseye","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Novvum%2Fgraphql-birdseye","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Novvum%2Fgraphql-birdseye/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Novvum%2Fgraphql-birdseye/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Novvum%2Fgraphql-birdseye/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Novvum","download_url":"https://codeload.github.com/Novvum/graphql-birdseye/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253656407,"owners_count":21943081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["graphql","graphql-birdseye","graphql-playground","graphql-visualizer","jointjs"],"created_at":"2024-11-19T23:56:36.555Z","updated_at":"2025-05-16T12:10:47.158Z","avatar_url":"https://github.com/Novvum.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\u003cimg src=\"https://i.imgur.com/JBBZ9Yn.png\" width=\"400\"\u003e\u003c/br\u003e\u003c/br\u003e\nView any GraphQL schema as a dynamic and interactive graph.\u003c/br\u003e\nTry it out now: http://birdseye.novvum.io/\u003c/br\u003e\u003c/br\u003e\n\n\u003cimg src=\"docs/assets/birdseye.gif\" width=\"100%\"/\u003e\n\u003c/div\u003e\n\n[![NPM](https://img.shields.io/npm/v/graphql-birdseye.svg)](https://www.npmjs.com/package/graphql-birdseye) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n### Description\n\nBirdseye 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.\n\nTry the React component on CodeSandbox: \u003cbr /\u003e\u003cbr /\u003e\n[![Edit graphql-birdseye-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/xp9mp9rzwo)\n\n### Features\n\n1. Graphical view of any GraphQL schema\n2. Ability to click on a field or type to view its connections\n3. Dynamic zooming to focus on small portions of the schema at a time\n4. Add to any web project\n5. Customizable styling and theming\n\n### Getting Started\n\nYou 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:\n\n- [`graphql-birdseye-core` (Javascript library)](./packages/core/README.md)\n- [`graphql-birdseye`(React Package)](./packages/react/README.md)\n\n### Background\n\nBirdseye was inspired by [GraphQL Voyager](https://github.com/APIs-guru/graphql-voyager) and the [Apis-guru](https://github.com/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.\n\n### Roadmap\n\nWe have plans to keep improving Birdseye. Here's what is next:\n\n1. Add Union and Interface type support\n1. Improve performance for larger schemas\n1. Option to toggle zoom navigation style\n1. Smoother UI transitions and interactions\n\n### Contributing\n\nThis is an open source project. To learn how to contribute, please check out our [contributing guide](./CONTRIBUTING.md#contributing-guide).\n\n### License\n\nMIT © [Novvum](https://github.com/novvum)\n\n---\n\n\u003cp align=\"center\"\u003eMade with ❤️ by \u003ca href=\"https://www.novvum.io\"\u003eNovvum\u003c/a\u003e\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnovvum%2Fgraphql-birdseye","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnovvum%2Fgraphql-birdseye","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnovvum%2Fgraphql-birdseye/lists"}