Как правильно сделать линии?

Question

[Semmy_99]

Подскажите есть вот такая диаграмма в виде дерева. При клике на блоки вываливаются ещё дети. Основная проблема состоит в том что не известно на каком расстоянии от родителя находятся дочерние блоки.

С помощью чего можно сделать красные линии чтобы они растягивались относительно ребенка и отца

Answer 1

[dicem]

Можете найти решение тут:
Создание соединительных стрелок для блочных элемен...

Answer 2

[Eugene Chefranov]

https://jsplumbtoolkit.com/

Comments

[Semmy_99]

Эта библиотека платная ?

[Владислав Лысков]

Semmy_99, там же есть комьюнити версия

Answer 3

[Максим Тимофеев]

относительно ребенка и отца

Что за дискриминация по половому признаку? С каких пор parent стал именно отцом?

С помощью чего можно сделать красные линии

с помощью js, средствами только css + html это если и возможно, то будет адским велосипедом, не для продакшена, просто "смотрите чё я умею".
Можно использовать библиотеки, можно canvas, тут уже будет куча вариантов, но точно это будет js