1. The designer designed the following graph, which is very similar to the force map, so that it can be implemented on the page, and each circle in the graph can click on the trigger event.

2, my current two ideas:
(1) simple and rude html+css. In addition to the "comprehensive score" of several circles are easy to do, use button to fill the background color or background picture can be done. The "comprehensive score" can make several graphics, and then set different background maps according to the score, and the connection lines between circles can be made into a larger background map, and the rest is the problem of layout. this kind of practice is more troublesome is the layout, especially to adapt to the width, that will be very troublesome.
(2) use the force steering graph of echarts, d3 and other class libraries to do it, and whether it can be well implemented is being studied at present.
3, question: which front-end student with a lot of similar needs gives me a suggestion, thank you.