Looking for online drawing tools to achieve ideas?

now you need to make a web drawing tool.
is used to draw a topology diagram, which can be edited online to monitor the topological relationship of our company"s servers and the health of our servers.
turned out to be just a front-end bricklayer of CRUD, knowing little about Canvas and even less related class libraries.
from what I know about canvas, native canvas interfaces have only very basic interfaces.
I think of the features I need right now,

  1. drag, collision detection, for example, I"m going to put a circle in a rectangle.
  2. Event listening of elements in
  3. canvas. Html. is best supported when the corresponding tooltip, pops up. For example, if I click on a server icon, I need to pop up a tooltip box to display the details of the server and some buttons to do some interaction.

I would like to ask if there are any js libraries that support these requirements?
Thank you, Gods.

Jul.27,2021

you can do it without canvas, the previously handwritten DEMO

  le5le-topology  

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-1e4c038-446bb.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-1e4c038-446bb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?