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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b43a6f-2c6b8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b43a6f-2c6b8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?