Помогите с реализацией дерева

Вот такое есть: http://netmover.armani.it/core/framework/javascript/ecotree/advanced.htm на canvas Как оно работать в динамике будет, не знаю.

Для себя визуализацию html dom дерева я костылил на <table>.

В рантайме оно довольно сильно тупит на стареньком ноутбуке за счет прожорливых обращений к dom, но в свете того, что рантайм изменения структуры нечасты, то терпимо.

Добавляется и удаляется все обычными append/remove.

В общем, после нескольких часов ковыряния просторов необъятного я понял, что колхозить придется так или иначе. Если есть желание постичь всю глубину глубин, то попробуйте написать сами. в качестве контейнеров можно брать что угодно: div > div, div > span, ul > li, table > table, table > div, table > ul, details > summary, canvas, svg и т.д.

Соединительные линии - границы/содержимое промежуточных блоков, псевдоклассов, псевдографика, собственно нарисованные линии и т.д.