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.

Reduce edge complexity

See original GitHub issue

Is your feature request related to a problem? Please describe. This issue is a kind request for configuration advice (I think) rather than a feature request. I have a graph which visualize a workflow, this can be seen on the picture below (zoomed out to see the whole picture).

complex-workflow

As you can see above it is quite hard to understand as it is visually overcrowded. The nodes are quite distant from each other and the edges connect them in a complex way. Is there any configuration advice I could try to render the nodes and their connections more simple?

Describe the solution you’d like I would like to achieve the proportions similar to JIRA (I have attached a complex workflow below) which would be the target. As you can see this can fit in a smaller screen as it is much more compact.

word-image-10

Describe alternatives you’ve considered I have tried to use different curves, currently I use d3-shape.curveBundle but could not achieve similar result. Is there anything I miss here? Like enable bidirectional connection rendered using the same edge? Reduce node distance or edge lengths? I have checked the documentation of course but could not make any significant progress.

Additional context I currently use @swimlane/ngx-graph 5.5.0. Is there any other configuration advice (like upgrade to version 6.x and use node templates or edge templates) I could achieve my goal?

Thank you very much for your valuable help.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
assafsuncommented, May 10, 2019

ngx-graph version 5.5.0 is using dagre layout for placing the nodes and lines after setting the relationship between nodes.

My advice in this case is to upgrade to version 6 and to build your own layout for placing your nodes and links. This is very dependent on how your internal graph structure but that’s one direction that you can do for achieving this graph layout. For example, I used a dagre only nodes layout where I set the lines shapes between the nodes in order to place a column based graph (using clusters) with a lines that exit and enter from the same location on the node.

0reactions
arsh437gitcommented, Jul 27, 2020

@ assafsun : Hi I need your help very urgently , I want to group nodes in the respective clusters and the cluster node shold be TB where as the cluster should be horizontally placed ?, how can i ACHIEVE THIS. image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Two Aspects of Edge Compute to Focus on for Reducing Edge ...
We shine a spotlight on a few critical areas where complexity can creep into your edge deployment scenario, and how using an “as...
Read more >
Time complexity of deleting an edge in an adjacency list
But I have been told the time complexity is O(M) where M is the number of edges a vertex has. Which is correct?...
Read more >
Crushing edge complexity with automation | HPE
Lower downtime and costs: Automating edge infrastructure reduces network downtime and its associated costs. A Ponemon Institute study estimates ...
Read more >
Reducing graph complexity using Go and transitive reduction
Reducing graph complexity using Go and transitive reduction. Adding numerous edges to a DAG can make the graph unnecessarily complex.
Read more >
What is the time complexity for removing an edge and ... - Reddit
I saw something that said for remove edge the time complexity was O(E) but wouldn't it be O(V) since the max number of...
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