How is the UI of this small web project implemented?

Project presentation: http://wangweiguang.xyz/mindmap/
Project Code: https://github.com/wwg1996/Si.

The

interface looks like a mind map. I want to know where the code to implement the graphical interface is. For example, I want to change the color of the connection, or add an input box to create a new node. I don"t know where to start

this project looks quite simple, the main js code is only 200 lines, but I have no contact with the front end, recently I have been struggling for a long time to figure out the implementation logic of the project interface.
such as

  1. where is the implementation code for the input box on the interface?
  2. how do I adapt the color of a connection on the interface?

I hope all seniors will take the time to have a look at it. I appreciate it!

Mar.03,2021

this is canvas drawing, not css style can be modified to intervene, this is the browser to cpu direct drawing to do

Menu