https://futureofcoding.org/ logo
#share-your-work
Title
# share-your-work
n

Nilesh Trivedi

06/28/2022, 10:26 AM
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

Andrew F

06/28/2022, 5:52 PM
Interesting. So a compound graph is to a statechart/HFSM as a regular graph is to an FSM?
j

Justin Blank

06/29/2022, 2:32 PM
Interesting. Is it currently impossible to move a node out of its containing node (to fix a mistake, for instance).
n

Nilesh Trivedi

06/30/2022, 10:12 AM
@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