Skip to content

Commit 62dca57

Browse files
committed
Add interactive ClickHouse cluster topology visualization
Features: - Backend: New /api/clusters/topology endpoint with comprehensive topology data - Queries system.clusters, system.replicas, system.tables, and system.parts - Returns cluster structure, replication status, and table metadata - Frontend: Interactive graph visualization using @antv/graphin - Three view modes: Cluster Topology, Tables & Databases, Combined View - Hierarchical graph showing clusters → shards → replicas - Database and table visualization with replication indicators - Color-coded health status (green: healthy, yellow: slowdowns, red: errors) - Click-to-expand node details in sidebar drawer - Supports multiple clusters with dropdown selector - Dependencies: Added @antv/g6 (5.0.50) and @antv/graphin (3.0.5) for graph rendering This view enables ops teams to quickly understand their ClickHouse cluster architecture, identify unhealthy nodes, and visualize data distribution.
1 parent 9b126c0 commit 62dca57

File tree

6 files changed

+1230
-2
lines changed

6 files changed

+1230
-2
lines changed

frontend/package.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@
55
"@ant-design/charts": "^1.4.2",
66
"@ant-design/icons": "^5.2.0",
77
"@ant-design/plots": "^2.1.12",
8+
"@antv/g6": "^5.0.50",
9+
"@antv/graphin": "^3.0.5",
810
"antd": "^5.13.2",
911
"prismjs": "^1.29.0",
1012
"react": "^18.2.0",

0 commit comments

Comments
 (0)