javascript – 用于显示直接非循环图(DAG)的JS库
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 用于显示直接非循环图(DAG)的JS库,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1482字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 用于显示直接非循环图(DAG)的JS库](/upload/InfoBanner/zyjiaocheng/700/4d20dc8ac747413094606a5a1fca9ccc.jpg)
我正在尝试创建一个基于浏览器的工具,让您检查依赖图,因为它们出现在编程语言和Makefile的模块系统中.
我正在寻找一个可视化框架,为我绘制图纸.
要求是工具包可以
>标签节点(希望是边缘)
>假设我有无限空间(滚动条很好),自动将图形分隔到合适的尺寸(我不必猜测好尺寸)
>很好地布局图形,使其看起来不那么混乱
>与< = 5000个节点一起使用
>仅使用JS运行(无Flash或桌面应用程序)
可选地,如果它可以很容易地移动节点并突出显示或隐藏图形的某些部分以便更好地概览,那将是很好的.
使用支持的内容并不重要(SVG,画布,一切都很好).
到目前为止,我已经查看了很多库(特别是从Graph visualization library in JavaScript开始),但还没找到合适的库:
> d3很不错,但它提供的唯一节点图是力图,它专注于实时物理.加载后,您必须等待并观察物理引擎的稳定性.我不需要动画也不需要力量,并希望立即显示图表.
> GraphDracula的examples几乎就是我要找的东西,但已有70个节点和400个边缘,绘图性能变得非常糟糕.它也有很少的documentation(35行代码示例).
你知道什么符合我的要求吗?谢谢!
解决方法:
在商业场景中,您可能需要考虑yFiles for HTML:
关于您的要求,它可以:
>向节点和边添加任意数量的标签
>提供几乎无限的滚动/平移/缩放区域
>使用各种自动布局算法自动布局图形.对于依赖图,Hierarchic Layouter非常适合
>在具有大量节点的桌面浏览器上运行良好.然而,根据视觉复杂性和图形结构,当今的浏览器实现可能难以实现5000个元素.
>它是一个纯粹的Javascript库,没有任何依赖关系
>使用SVG作为主要后端,但也可以利用Canvas
>图书馆是well documented,鉴于其复杂性,这是必要的
这是一个屏幕截图,显示了上面的一些功能 – 布局是自动计算的:
免责声明:我为创建图书馆的公司工作.在SO / SE上,我不代表我的雇主.这是我自己的帖子.
内容总结
以上是互联网集市为您收集整理的javascript – 用于显示直接非循环图(DAG)的JS库全部内容,希望文章能够帮你解决javascript – 用于显示直接非循环图(DAG)的JS库所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。