Skip to content

Conversation

@PRAteek-singHWY
Copy link
Contributor

@PRAteek-singHWY PRAteek-singHWY commented Jan 14, 2026

Summary

Improves the visual clarity and initial layout of the Explorer 3D force graph by tuning force simulation and camera positioning, while preserving full interactivity.

Changes

  • Tuned force charge values to reduce node overcrowding on initial load
  • Added a controlled “expand from center” animation on first render
  • Adjusted initial camera position and orientation for a more horizontal, readable layout
  • Ensured the graph remains fully interactive (pan, zoom, rotate) after settling
  • No changes to data processing, filtering logic, or graph semantics

Before / After

Before

  • Dense, vertically skewed initial layout
  • Harder to visually trace relationships on first load
image

After

  • Smooth expansion from center on load
  • More balanced, horizontally oriented layout
  • Improved spacing and readability within the viewport
graph.mp4

Scope

  • Visual and layout improvements only
  • No dependency changes
  • No behavioral or data logic changes

Fixes #494

@PRAteek-singHWY
Copy link
Contributor Author

Hi @northdpole 👋

I tried my best to bring the Explorer force graph visuals as close as possible to the original reference here:
https://zeljkoobrenovic.github.io/opencre-explorer/visuals/force-graph-3d-all.html

The focus was on improving initial clarity (spacing, orientation, and first-load animation) while keeping all existing behavior and interactivity intact.

I’m definitely open to suggestions or further improvements if there are specific aspects you’d like to tweak or align more closely with the original. Happy to iterate on this 👍

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.

[explorer] improve graph visuals

1 participant