How to do the graph idea of a topology?

clipboard.png
there is a requirement. What is the idea of drawing a topology diagram like this? Beg the boss

Jan.12,2022

  1. css
  2. js
  3. t3.js

many plug-ins


1 json data describes the node information of the topology graph and the relationship between nodes
2 abstracts the minimum complete set
3 of this json data
3 draws the corresponding interface
4 based on the data of 2 with svg or canvas to simulate a large amount of data, repeats the operation of 3, verifies the results and adjusts the layout

.

recently I am encapsulating a framework that includes flow diagram components. The source code is very simple. You can take a look at
source code : https://gitee.com/g2333/data_.
can download or install the project data_driven module modulecomponents try, or you can download the dist folder of the project. Then open index.html inside to see the effect

Menu