Поскольку никто не ответил на вопрос, и я нашел свой собственный способ сделать это, я хотел бы опубликовать ответ сам
D3. js уже имеет функцию древовидной визуализации. Единственное, что нам нужно сделать, - это преобразовать навигационную систему в формат, необходимый для библиотеки D3. Вы можете использовать библиотеку python с именем anytree
, которая создает дерево, а также экспортирует в различные форматы. Иначе мы можем написать собственные python скрипты для этого (я верю, что не изобретать велосипед). Затем используйте визуализацию D3.js
tree
для построения визуализации дерева.
Я автоматизировал весь процесс в github - https://github.com/Better-Boy/BreadCrumb-Navigation-Visualizer