Skip to Content
DocsComponentsGraphVisualizer

GraphVisualizer

The main 3D renderer using React Three Fiber and custom shader effects. It renders nodes, links, community boundaries, and background atmosphere.

Features

  • Force-directed 3D layout with spherical knowledge-universe constraint
  • Node size encodes centrality; link thickness encodes weight
  • Search highlighting (debounced) without re-running layout
  • “Community Isolator” fades non-hierarchy nodes/links
  • Post-processing: bloom, vignette, nebula background

Props (selected)

  • layout: processed nodes, links, communities (from ForceSimulation3D)
  • selectedEntityTypes: filter set
  • minRelationshipWeight: link cutoff
  • communityMode: ‘off’ | ‘auto’ | ‘all’
  • visibleCommunities: precomputed hierarchy to show
  • selectedNode, onNodeSelect for inspection

Performance Notes

  • Shared shader material cloned per node for independent uniforms
  • Precomputed node size/color and community bounds/hierarchy
  • Debounced search string to limit rerenders
Last updated on