Skip to content

Lineage view: optimize edge path  #87

@zzeekk

Description

@zzeekk

Problem:
Reactflow uses Dagre library for layouting.
Dagre optimizes node positions. An edges then just connect two nodes, but is free to choose a path.
Currently we use default Elbow connectors for edges, they have a maximum of 4 right angles.
This creates a lot of intersections with nodes and edges.

Proposal:
After dagre has layouted the nodes, run an additional algorithm to layout edges and introduce a path with optimized "waypoints" to edges.

Elbow connectors:
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions