Hello all, I have been building a visual editor fo...
# share-your-work
n
Hello all, I have been building a visual editor for compound graph datasets: https://grapheralpha.netlify.app/ Compound graphs are those where nodes have two kinds of connections: Adjacency and Inclusion. I.e. A node can be a child of another node - in addition to having other kind of edges. Cytoscape JS is great at visualizing such graphs, but I couldn’t find a visual editor for these kind of datasets. This is NOT a diagram-editor for which there are plenty of choices (like TLDraw or Excalidraw). This is built with SVG and Svelte and works completely in the browser. I will be open-sourcing it in the coming weeks.
🍰 6
a
Interesting. So a compound graph is to a statechart/HFSM as a regular graph is to an FSM?
j
Interesting. Is it currently impossible to move a node out of its containing node (to fix a mistake, for instance).
n
@Justin Blank Right-click -> Detach should work.
👍 1
@Andrew F Not quite. Arbitrary edges are still supported. Here’s an example of a compound graph: https://pathwaycommons.github.io/cytoscape-sbgn-stylesheet/
I published the source code at https://codeberg.org/nilesh/grapher