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

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