question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Migrate flowchart from dagre to elkjs

See original GitHub issue

Hello, I was playing around with flowchart and really big diagram and find out that dagre has a lot issues with blocks positioning (like some blocks that has only one edge to other block in some subgroup unexpectedly far from that group, like across hole diagram) and with edges drawing which goes through other blocks.

I found good solution - elkjs it lot more configurable, smarter and can draw edges around a blocks

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:10

github_iconTop GitHub Comments

3reactions
abitrollycommented, Oct 2, 2022

https://github.com/eclipse/sprotty might provide an alternative.

1reaction
richardtallentcommented, Jan 17, 2022

I’m having an issue with a site built with Vite, looks like it stems from this line in dagre’s “greedy-fas” file:

var Graph = require("./graphlib").Graph;

This results in “Uncaught TypeError: Cannot read properties of undefined (reading ‘Graph’)”.

Could be related to this issue. If so, I’d be willing to load the extra 100KB if it means I can keep using Mermaid. For now, I’ve had to remove it from my build, so my online docs have no fancy diagrams.

Read more comments on GitHub >

github_iconTop Results From Across the Web

D2, a diagram scripting language that turns ... - Hacker News
I recently moved my own side project from dagre to elkjs for exactly ... a popular program in the 1970s that turned Fortran...
Read more >
Flowchart library for react application - Stack Overflow
I am trying to create data visualization UI ( flowchart with nodes and ... Good Layout(such as hierarchical layout using dagre or elkjs)...
Read more >
Dagre Tree Example - React Flow
This example shows how you can integrate dagre.js with React Flow to create simple tree layouts. Good alternatives to dagre are d3-hierarchy or...
Read more >
Diagrams | npm.io
This package adds dagre integration for laying out nodes and links. webdiagramdiagramsreacttypescriptflowchartsimplelinksnodes.
Read more >
Untitled
Gaptooth breach hideout walkthrough, Scoala madarjac, Methyl migration or ... Error estandar de la media excel, Flowchart mymusic twitter, Vernon jones ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found