用AntV G6 绘制拓扑图

拓扑（Topology）是数学的一个分支，主要研究几何图形或空间在连续变形（如拉伸、弯曲、折叠，但不撕裂、粘连）下保持不变的性质，这种性质被称为 “拓扑性质”

简单来说，拓扑不关心图形的具体形状、大小或角度，只关心 “连接关系”

而拓扑图主要用于展示网络、系统或设备之间的连接关系，不关注物理位置或几何形状，而是通过节点（设备）和链路（连接）的逻辑关系来呈现整体结构，实现网络结构可视化

AntV G6 是一款专门用于图可视化的 JavaScript 库，非常适合绘制拓扑图。它提供了丰富的布局算法、交互能力和节点 / 边自定义选项，同时支持大规模图数据的高效渲染 。官方文档：G6 图可视化引擎 | AntVhttps://g6.antv.antgroup.com/

一、核心概念

1. 基本元素

• 节点（Node）：表示实体，支持多种形状（圆形、矩形、自定义 SVG）
• 边（Edge）：表示关系，支持直线、折线、贝塞尔曲线等
• 组合