Channels
administrivia
announcements
bot-dark-forest
devlog-together
in-alberta
in-boston
in-germany
in-israel
in-london
in-nyc
in-ontario
in-seattle
in-sf
in-socal
introduce-yourself
linking-together
of-ai
of-end-user-programming
of-functional-programming
of-graphics
of-logic-programming
of-music
present-company
random-encounters
reading-together
share-your-work
thinking-together
two-minute-week
wormholes
Title
n
Nilesh Trivedi
06/28/2022, 10:26 AMHello 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 PMInteresting. 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 PMInteresting. 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