A small webapp that generates an ERD-like visualization of a GraphQL endpoint from an introspection query.
http://nathanrsmith.github.io/graphql-visualizer
CLI Version: https://github.com/sheerun/graphqlviz
Home Page: http://nathanrsmith.github.io/graphql-visualizer
License: MIT License
A small webapp that generates an ERD-like visualization of a GraphQL endpoint from an introspection query.
http://nathanrsmith.github.io/graphql-visualizer
CLI Version: https://github.com/sheerun/graphqlviz
Hello,
I tried this tool on my schema (I can't share it because I'm under a NDA). And a lot of fields have null type.
I know you can't tell much without the schema itself. but if you have any idea on how to fix it I would be happy.
If there is really nothing you can do I will try to obfuscate it and ask if it breaks my NDA.
Best regards
I love the tool! However, after clicking the png
button on the site, nothing happens.
The web console produces the following error:
InvalidCharacterError: String contains an invalid character graphql-visualizer:295
b64toBlob http://nathanrandal.com/graphql-visualizer/:295
handler http://nathanrandal.com/graphql-visualizer/:257
This happens with all schemas, including the sample provided on the home page.
Greetings Nathan,
your Introspection Query is using the first example which is causing errors with the visualizer, please consider the second example as a possible fix.
name
description
args {
...InputValue
}
onOperation
onFragment
onField
}
directives {
name
description
locations
args {
...InputValue
}
}
Use render code in https://github.com/sheerun/graphqlviz via browserify/webpack/etc.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.