BreadCrumbs 导航可视化以分层方式
BreadCrumbs Navigation Visualization in hierarchical way
我有如下面包屑导航
Home -> Patio, Lawn & Garden -> Farm & Ranch
Home -> Clothing, Shoes & Jewelry -> Uniforms, Work & Safety
etc...
我需要为整个面包屑构建一个树可视化。我有大约 45k 条这样的面包屑记录。我也查找了类似的东西 - https://codepen.io/blackjacques/pen/ZPMpza
但是在 python 或任何编程语言中有更好更简单的方法吗?
由于没有人回答这个问题,我找到了自己的方法,所以我想 post 自己回答
D3.js已经有了树可视化的功能。我们唯一需要做的就是将面包屑导航转换为 D3 库所需的格式。
您可以使用名为 anytree
的 python 库来构建树并导出为不同的格式。否则我们可以编写自己的 python 脚本来执行此操作(我相信不会重新发明轮子)。然后使用D3.js
tree
可视化构建树可视化。
我已经在 github - https://github.com/Better-Boy/BreadCrumb-Navigation-Visualizer
中实现了整个过程的自动化
我有如下面包屑导航
Home -> Patio, Lawn & Garden -> Farm & Ranch
Home -> Clothing, Shoes & Jewelry -> Uniforms, Work & Safety
etc...
我需要为整个面包屑构建一个树可视化。我有大约 45k 条这样的面包屑记录。我也查找了类似的东西 - https://codepen.io/blackjacques/pen/ZPMpza
但是在 python 或任何编程语言中有更好更简单的方法吗?
由于没有人回答这个问题,我找到了自己的方法,所以我想 post 自己回答
D3.js已经有了树可视化的功能。我们唯一需要做的就是将面包屑导航转换为 D3 库所需的格式。
您可以使用名为 anytree
的 python 库来构建树并导出为不同的格式。否则我们可以编写自己的 python 脚本来执行此操作(我相信不会重新发明轮子)。然后使用D3.js
tree
可视化构建树可视化。
我已经在 github - https://github.com/Better-Boy/BreadCrumb-Navigation-Visualizer
中实现了整个过程的自动化