how to connect two div based on id?

Asked May 15 '18 at 13:27

Active May 15 '18 at 13:27

Viewed 85 times

I am trying to make a dynamic block diagram where each block has a different id, and want has to be connected like shown in below diagram;

I saw another similar post with a solution

<div class="box" id="box1"></div>
<div class="box" id="box2"></div>
<div class="box" id="box3"></div>

<div class="line" id="line1"></div>
<div class="line" id="line2"></div>

but here the problem is the diagram is not static and the block and the connection are made from the data recieved from backend.

asked May 15 '18 at 13:27

ankur

I would recommend to look through https://d3js.org/ – Leo Odishvili May 15 '18 at 13:29
Possible duplicate of [How to connect HTML Divs with Lines?](https://stackoverflow.com/questions/19382872/how-to-connect-html-divs-with-lines) – deathangel908 May 15 '18 at 13:55
That solution works, you just have to add some logic to customize it – Rainbow May 15 '18 at 14:03

how to connect two div based on id?

0 Answers0