Mastodawn

So I've been learning about #statecharts because they seem to be a good way for modelling position change in institutions/organizations and I'm a #governance nerd

I was using #mermaid JS statediagram, because they support #NFA https://mermaid.js.org They also support #ELK layout, which seems to kick #dagre butt. But they don't support all config options... and I want.

Which leads me to ask: Does anyone have experience with #cytoscape? https://js.cytoscape.org/

Mermaid

Create diagrams and visualizations using text and code.

Show thread

Jack Linke 🦄Mar 23, 2025

Side note: I usually use MermaidJS for graph topology vis, but for large graphs, it wasn’t cutting it.

For this project, I’m using cytoscape.js-dagre – it's been quite nice (though library development seems to have slowed, and it sometimes pushes nodes too far apart, but it handles the graph’s complexity much better)

https://github.com/cytoscape/cytoscape.js-dagre/

#CytoscapeJS #Dagre

3/6

GitHub - cytoscape/cytoscape.js-dagre: The Dagre layout for DAGs and trees for Cytoscape.js

The Dagre layout for DAGs and trees for Cytoscape.js - cytoscape/cytoscape.js-dagre

GitHub