3D Cluster Topology Viewer
New interactive 3D Kubernetes cluster topology UI (k8s-3d-topology) powered by Three.js. Visualize your entire cluster as a navigable 3D scene.
Features
- 15 distinct 3D mesh types for K8s resources (Pod, Deployment, ReplicaSet, Service, Ingress, Node, StatefulSet, DaemonSet, ConfigMap, Secret, PVC, HPA, NetworkPolicy, Job, CronJob)
- Force-directed layout with namespace clustering
- Relationship edges showing ownership, network, storage, and config connections with animated flow
- Drag-to-reposition nodes with persistent positions across updates
- Click-to-inspect with
kubectl describeintegration - SVG minimap for graph overview
- Namespace, kind, and search filtering
- Dark theme with Kubernetes blue accents, shadows, fog, and glow effects
- LRU texture caching (128 entries) for efficient GPU memory usage
New Files (2,494 lines across 16 files)
App.tsx- Main topology app with theme/filter/selection stateClusterScene.tsx- Three.js scene with OrbitControls, raycasting, shadowsFilterBar.tsx- Namespace, kind, and search filteringInspectorSidebar.tsx- Resource details with kubectl describeMinimap.tsx- SVG overview of the graph layoutuseClusterData.ts- MCP tool calls for pods/deployments/services/ingresses/replicasets/nodesmeshFactory.ts- 15 distinct 3D mesh creators with LRU label cachelayoutEngine.ts- Force-directed layout with namespace clusteringk8sRelationships.ts- Ownership, network, storage, config edge detectiontypes.ts- TypeScript interfaces for graph nodes/edges/resourcesconstants.ts- Shared kind color palette
Also Includes
- Landing page for GitHub Pages with Kubernetes blue monochromatic theme
- CNCF Landscape listing and verified press references
Installation
npm install -g kubectl-mcp-app
# or
npx kubectl-mcp-appFull Changelog: v1.23.1...v1.24.0