The interface looks really slick, but isn't intuitive at all. I constantly have to refer back to the video to find out how to do anything.<p>You build the graph from right to left (unusual but ok), but if you try to actually draw your lines from right to left they don't connect, you have to draw them left to right.<p>To rename something you click the element and type the name. Fairly straightforward, except that the interface gives no indication that this is possible. No blinking text cursor or anything of the sort.<p>The "arguments" category actually has nothing to do with arguments, it's just "use stuff you named previously". Why is that not something that's connected on the graph?<p>Oh, right, that's because of the way queries/mutations work. The name of the query is combined from the name of the query node and the name of the output node. But instead of a query having two connectors, one for input and one for output, it just has everything at a depth of one as outputs, and the child nodes of the output are the inputs (actually, that's how types and everything else works too). I certainly wouldn't have guessed that.<p>Compare Blender's node editor: <a href="https://code.blender.org/wp-content/uploads/2012/01/node_group_interface18.png" rel="nofollow">https://code.blender.org/wp-content/uploads/2012/01/node_gro...</a><p>Anyone can look at a screenshot of Blender's editor and knows what's going on: labeled connectors, no magic with different layers, etc. Creating them is also straightforward. In comparison, if you show a graph from this tool to a random developer that works with GraphQL he/she likely won't understand what schema the graph is supposed to represent.
I wonder why we're still programming primarily in text - we ought to see more visual editors that operate on top of a source file, where changes to file sync immediately to editor, and vice-versa.<p>Also, that's the sexiest README I've ever seen.
I really like the concept, and think that visual programming is a great way to help understand data flows (I'm a big Node RED fan).<p>I wouldn't make the claim that this is usable by business managers; if one of the goals of this tool is to make it business-focused then you might want to add an abstraction and front-end it with BPMN as that's the general language understood by most folks familiar with process mapping. Check out Camunda's modeler for an example (<a href="https://camunda.com/products/modeler/" rel="nofollow">https://camunda.com/products/modeler/</a>). I have quite a bit of experience in this space as working with business-focused modeling tools and then building the full solution has been my career for the last 5+ years.
Looks very nice, although having some trouble with it on Linux Chrome browser. Space bar brings up menu but menu moves along with mouse pointer so you cannot select submenus. Saw this behavior running the visualizer on local Linux box and connecting to the live Demo. Running "Version 69.0.3497.100 (Official Build) (64-bit)" on Ubuntu 16.04. Chrome from Windows 10 to live site works nicely.
This is really cool. We already have a large GraphQL schema that we'd like to make some changes to. It'd be nice to be able to bring in our existing schema to visualize.
On a related note, can someone recommend a good modern library to build similar visual block editor? Blocky is good, but it shows its age. Preferably not depend on React.