Как построить дерево-карту страницы?

Question

[oleqik]

Есть дерево сайта, как можно реализовать такие линии между блоками и расположить элементы в таком порядке?



Думал может сделать с помощью before-after элемента и display: grid, но не получилось. Вдруг что-то будет меняться, то все сломается, ибо нет оптимизации и сделано хардом, идей тоже не нашлось никаких. Я так понимаю, что есть категория и внутри нее дополнительные категории

Comments

[Антон Шаманов]

не ясна структура элементов в дереве и что ты пытался изобразить справа

[Сергей Сергей]

https://observablehq.com/@d3/collapsible-tree
вообще полно примеров по библиотеке.

Answer 1

[zephire]

Привет, возможно эта статья сможет тебе помочь с этой проблемой)
https://www.beyondjava.net/how-to-connect-html-ele...