Knowledge Graph - Rohkun

Loading graph data...

# API CONNECTIONS

PROJECT: LOADING...
NODES: 0
EDGES: 0
HIGH_IMPACT: 0
ORPHANED: 0
RENDER_TIME: 0ms
FORCE_SIM: STABLE
i

### SELECT SNAPSHOTS TO COMPARE

Previous Current
Previous:
Current:

### 📖 CHANGE NARRATIVE

### 📊 DIFF IMPACT

GENERATED BY ROHKUN // SYSTEM MAP v2.0
TIMESTAMP:

#### 🪦 REMOVED 0

▼
✅ No endpoints removed

## NODE_NAME

## 🚧 COMING SOON

The Report feature is currently under development.
Check back soon for detailed project analytics and insights!

## 📖 HELP & LEGEND

### APIS & DEPENDENCIES VISUALIZATION GUIDE

#### 🎨 NODE COLORS

Purple (#7c3aed) - API Endpoints (default for API view)
Hot Pink (#BC13FE) - High Impact Nodes (critical connections, overrides other colors)
Neon Cyan (#00F0FF) - Files view default, Python files (.py)
Cyber Red (#FF003C) - Functions view default, DELETE methods
Amber (#F59E0B) - JavaScript files (.js)
API Method Colors: GET (Blue #3b82f6), POST (Mint #00FF94), PUT (Yellow #FFE600), PATCH (Cyan #00F0FF), OPTIONS/HEAD (Gray #6b7280)
File Type Colors: TypeScript (#3178c6), React/JSX (#61dafb), Go (#00add8), Java (#ed8b00), Ruby (#cc342d), PHP (#777bb4), C# (#239120), Rust (#ce422b), C/C++ (#00599c), Unknown (#6b7280)

#### 🔗 CONNECTION LINES

White Lines (15% opacity) - Normal connections showing relationships (API calls, dependencies, imports)
White Lines (100% opacity) - Highlighted connections when a node is selected
▶ Mint Green Arrows (#00ff94) - Show direction of connection (from source to target node)

#### 🔷 NODE SHAPES

Icosahedron (20-sided sphere) - API view nodes
Dodecahedron (12-sided gem) - Functions view nodes
Box (Building) - Files/Dependencies view nodes (2D city layout)

#### 🖱️ INTERACTIONS

Single Click - Select a node to highlight its connections. Other nodes dim.
Double Click - Open details modal showing node name, method, and connected nodes list.
Click Background - Deselect and reset all highlights.
Drag - Pan the view around.
Scroll - Zoom in/out.

#### 🔍 SEARCH

Type in the search box to filter nodes by name. If only one node matches, it will be automatically selected and highlighted.

#### 📊 GRAPH TYPES

APIs - Shows API endpoints (functions that define endpoints) and API calls (functions that call APIs). Nodes are Icosahedrons. Default color: Purple. Colors based on HTTP method (GET=Blue, POST=Mint, PUT=Yellow, DELETE=Red, PATCH=Cyan).
Dependencies (Files) - Shows file dependencies and imports. Nodes are Boxes (buildings) in a 2D city layout. Default color: Neon Cyan. Colors based on file extension (Python=Cyan, JavaScript=Amber, TypeScript=Blue, etc.).
Functions - Shows function call dependencies (which functions call which other functions). Nodes are Dodecahedrons. Default color: Cyber Red.

#### ⚙️ PHYSICS & LAYOUT

Nodes use force-directed physics to organize themselves. Connected nodes are attracted to each other, while unconnected nodes repel. This creates a natural, readable layout.
The center node (with most connections) is fixed, and other nodes arrange around it in a spiral pattern.