Skip to content

Feature: Add Cytoscape.js Graph Visualization - #8

Merged
mantisfury merged 1 commit into
mainfrom
shattered
Jan 15, 2026
Merged

mantisfury merged 1 commit into
mainfrom
shattered

Conversation

@mantisfury

Copy link
Copy Markdown
Owner

Integrate professional OSINT-grade graph visualization as an alternative to the existing Force Graph view. Features include:

  • Multiple layout algorithms: Force-directed (fCoSE), Hierarchical (Dagre), Radial (Concentric), Circular, Grid, Tree (Breadth-First), and Clustered (CoSE)
  • Node styling based on entity types with customizable icons
  • Edge styling with relationship type colors
  • Interactive controls for layout switching and display options
  • Performance mode for large graphs
  • Keyboard shortcuts for common operations
  • TypeScript type declarations for Cytoscape extensions

Components added:

  • CytoscapeGraph: Main React wrapper for Cytoscape.js
  • CytoscapeControls: Sidebar controls for layout and display options
  • CytoscapeStylesheet: Entity-type based node/edge styling
  • CytoscapeLayouts: Pre-configured layout algorithms
  • useExpandNeighbors: Hook for neighbor expansion functionality
  • usePerformanceMode: Hook for automatic performance optimization

Integrate professional OSINT-grade graph visualization as an alternative
to the existing Force Graph view. Features include:

- Multiple layout algorithms: Force-directed (fCoSE), Hierarchical (Dagre),
  Radial (Concentric), Circular, Grid, Tree (Breadth-First), and Clustered (CoSE)
- Node styling based on entity types with customizable icons
- Edge styling with relationship type colors
- Interactive controls for layout switching and display options
- Performance mode for large graphs
- Keyboard shortcuts for common operations
- TypeScript type declarations for Cytoscape extensions

Components added:
- CytoscapeGraph: Main React wrapper for Cytoscape.js
- CytoscapeControls: Sidebar controls for layout and display options
- CytoscapeStylesheet: Entity-type based node/edge styling
- CytoscapeLayouts: Pre-configured layout algorithms
- useExpandNeighbors: Hook for neighbor expansion functionality
- usePerformanceMode: Hook for automatic performance optimization

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@mantisfury
mantisfury merged commit 60e1457 into main Jan 15, 2026
1 check passed
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