使用 d3.force 展示你的 TiDB 集群信息
利用 d3.force 生成可视化节点(TiDB 可分割的最小单元)和路径(拓扑关系)
不同类型节点(TiDB 组件)使用颜色区分,比如 TIDB_INSTANCE TIDB_CLUSTERS 都为粉红色节点
同类型不同功能节点使用节点的半径大小区分, 比如所有 REGION 半径为 8px,所有 CLUSTER 节点半径为 10px
较为简单便于理解的方式展示当前集群的特征状态
当前全部使用 fake 数据,并 mock 一些事件的触发,此 repo 只是提供一种 TiDB 集群可视化的方案。
yarn && yarn dev
或者