Visualizations & Interface
Current graph-explorer architecture across standard mode, advanced mode, provider state, and app integration.
The current graph UI should be understood through the live app, not through older force-graph experiments.
The Two Main Modes
Standard Graph Explorer
Route: /graph
This is the default interactive graph surface. It combines:
GraphProviderfor data access and contextUnifiedGraphfor rendering- toolbar controls
- node-type legend
- celestial context when relevant
Advanced Graph Mode
Route: /graph?mode=advanced
This is the successor to the older “cartography” framing. It is the workbench mode for deeper graph exploration and layered controls.
Component Structure
| Component | Role |
|---|---|
GraphProvider | data source selection and graph state |
UnifiedGraph | primary visualization surface |
GraphToolbar | controls and mode switching |
GraphGuideCard | usage/help layer |
AdvancedGraphLayout | advanced workbench mode |
MiniGraphWidget | embeddable neighborhood subgraph focused on a single node |
GraphShell | graph-first shell behavior inside the authenticated layout |
Data Sources
The explorer supports multiple source modes through provider state:
personalnetworkcelestialentitiessmart
The standard graph route uses these sources dynamically instead of hardwiring one static view.
App Integration
The graph is not isolated to /graph. It also informs:
- circles
- legal entities
- profile / identity context
- minimap and navigation cues
- algorithm and network-health views
Rendering Notes
The public docs no longer need to overstate low-level renderer details. What matters for readers is:
- the graph is browser-only and dynamically loaded
- the product supports standard and advanced graph modes
- graph state is shared through the visualization package
- the app shell treats graph pages differently from ordinary content pages