What is the best way to display a simple diagram on a page?

Question

css

I am making a battery configurator, where the user sets the number of correct and serial connections and receives a connection diagram like this: Battery pictures must be connected with wires and the wires then connected together.
It seems to be easy to generate a table in HTML, but it's old school like that. Who would do what? Draw on canvas or divas?
The only requirement: the ability to display in the bootstrap modal.

Answer 1

The easiest option: find something suitable on the Internet, and peep the solution to the issue.
By the way, I took a quick look myself. Lots of options. Interestingly done on ledcalc.com , a friend does not bother with any draw canvas, but generates PNG on the fly
. No complicated problems, everything is simple, it will work everywhere.
Probably for myself I will also do / look for / finish a similar one, maybe later I will need it.