Flow View supports custom nodes via Web Components and adoptedStyleSheets.
This view is created by the custom-nodes.js example script.
FlowView does not provide a dataflow engine; this example uses dflow, FlowView's brother project. Please keep in mind that this is just an example to showcase custom nodes, and only a few nodes are implemented.
If you double click on the canvas and insert a JSON text, it will create an editable node.
Click on a JSON node to edit it. Once the data is changed the graph gets executed and updated.
A special case happens when you insert true or false. You get a toggle node.
Another special case is the output node, which text is just an empty string. You can create it by double clicking to open the selector, then pressing enter.
Other available nodes are the if and the + nodes. The + node also supports strings: if you add strings as inputs it will concatenate them.