图形网站导航Javascript

图形网站导航Javascript,javascript,graph,graph-visualization,arbor.js,Javascript,Graph,Graph Visualization,Arbor.js,我的网站上有三个级别。目前,导航的内容是: First : 1 : 90: (link) 95: 281: (link) 139: (link) 2 : (link) 3 : 12: 124: (link) 4 : (link) Second: 5 : (link) Others.. 我发现实现我想要的最好的例子是主页:立即,只有第一级可见,然后当你移动鼠标时,下一级弹出。

我的网站上有三个级别。目前,导航的内容是:

First : 1  : 90: (link)
             95: 281: (link)
                 139: (link)
        2  : (link)
        3  : 12: 124: (link)
        4  : (link)

Second: 5  : (link)
Others..
我发现实现我想要的最好的例子是主页:立即,只有第一级可见,然后当你移动鼠标时,下一级弹出。 但它只有在Chrome上才有好的性能,在其他浏览器上不起作用


数据量不是很多(最多4^3个节点),但我找不到任何足够好的解决方案

我想这可以通过css3实现,类似于下拉菜单。我找不到任何有向图的css3实现,但我在JavaScript中找到了以下库

  • :D3.js是一个JavaScript库,用于基于数据操作文档。D3帮助您使用HTML、SVG和CSS将数据带入生活。D3对web标准的强调为您提供了现代浏览器的全部功能,而无需将自己绑定到专有框架,将强大的可视化组件和数据驱动的DOM操作方法结合在一起
  • :Processing.js是为web设计的流行处理可视化编程语言的姊妹项目。Processing.js使您的数据可视化、数字艺术、交互式动画、教育图表、视频游戏等使用web标准工作,无需任何插件。您可以使用处理语言编写代码,将其包含在web页面中,其余的工作由Processing.js完成。这不是魔法,但几乎是

是,例如,每个节点有4个子节点,第三级为4^3