Concept Graph Visualization Enhancements


The following improvements were made to address issues with node drift, view reset functionality, and overall stability in the Concept Graph:

  • Implemented Stronger Centering Forces:
    New forces now gently pull all nodes towards the center of the SVG viewport. This counteracts the natural drift caused by inter-node repulsion (charge force), leading to a more contained and manageable graph layout.
  • Optimized Existing Force Parameters:
    Node repulsion has been slightly reduced, and link parameters adjusted to provide more appropriate spacing between connected nodes. These adjustments, combined with the new centering forces, significantly improve graph stability and visual clarity.
  • Improved "Reset View" and Resize Functionality:
    The "Reset View" button and browser window resize events now accurately re-calculate and apply centering points relative to the current view-port dimensions, ensuring the graph re-centers effectively.
  • Refined Node Drag Behavior:
    After a node is dragged and released, it is now immediately re-subjected to all active simulation forces, including the new centering forces. This prevents nodes from remaining pinned indefinitely unless the simulation naturally settles them in that position.
  • Enhanced Overall Stability and Performance:
    To improve performance and reduce unnecessary processing, simulation updates are now automatically paused if the browser tab becomes inactive. Furthermore, the refined force settings contribute to long-term stability by preventing nodes from excessively branching out or drifting off-screen.

Files

index.html Play in browser
18 days ago

Leave a comment

Log in with itch.io to leave a comment.