Skip to content

feat(explorer): improve force graph UX, animation settle, and visual controls#769

Open
PRAteek-singHWY wants to merge 8 commits intoOWASP:mainfrom
PRAteek-singHWY:feat/explorer-force-graph-polish
Open

feat(explorer): improve force graph UX, animation settle, and visual controls#769
PRAteek-singHWY wants to merge 8 commits intoOWASP:mainfrom
PRAteek-singHWY:feat/explorer-force-graph-polish

Conversation

@PRAteek-singHWY
Copy link
Contributor

Summary

This PR polishes the Explorer force graph experience with improved controls UI, interaction behavior, and final animation/camera settling.

What changed

  • Refined force graph controls layout and styling (checkbox chips, dropdowns, metadata row).
  • Improved dropdown menu layering and control readability.
  • Added/kept relation legend fixed at bottom-right.
  • Added delayed node spotlight behavior (hover 1s):
    • hovered node + connected nodes/links stay highlighted
    • non-connected nodes/links are dimmed
  • Tuned graph interaction behavior:
    • orbit controls, smoother damping
    • zoom in/out range handling
    • disabled node dragging for stable navigation
  • Improved final animation settle:
    • more stable final centering/pose logic
    • better final camera distance/position
    • earlier simulation stop to avoid over-drifting at the end
  • Fixed explorer force-graph page sizing/stacking issues to avoid visual artifacts.

Scope

  • Frontend only
  • Files:
    • application/frontend/src/pages/Explorer/visuals/force-graph/forceGraph.tsx
    • application/frontend/src/pages/Explorer/visuals/force-graph/forceGraph.scss

Notes

  • Existing graph data/filter logic is preserved; this PR focuses on UX/visual/interaction behavior.
  • Node and connection counters remain visible in the controls row.

Before / After Recording

  • Before: Screenshot 2026-02-28 at 04 35 01
  • After:
Screen.Recording.2026-02-28.at.03.18.16.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant