草庐IT

javascript - 用于显示有向无环图 (DAG) 的 JS 库

coder 2024-05-12 原文

我正在尝试制作一个基于浏览器的工具,让您可以检查出现在编程语言和 Makefile 的模块系统中的依赖关系图。

我正在寻找可以为我绘图的可视化框架。

要求是工具包可以

  • 标记节点(最好是边)
  • 在我有无限空间(滚动条很好)的情况下,自动将图表间隔到合适的大小(我不必猜测合适的尺寸)
  • 合理布局图表,使其看起来不那么凌乱
  • <= 5000="">
  • 仅使用 JS 运行(无 Flash 或桌面应用程序)

可选地,如果可以轻松移动节点并突出显示或隐藏部分图表以便更好地概览,那就太好了。

使用什么背景并不重要(SVG、 Canvas ,都可以)。

到目前为止,我已经查看了很多库(尤其是来自 Graph visualization library in JavaScript 的库),但还没有找到合适的库:

  • d3很好,但它提供的唯一节点图是力图,它专注于实时物理。加载后,您必须等待物理引擎稳定下来。我既不需要动画也不需要原力,并且想立即显示图表。
  • GraphDraculaexamples几乎是我正在寻找的东西,但是已经有 70 个节点和 400 个边,绘图性能变得非常糟糕。它也很少documentation (作为 35 行代码示例)。

你知道什么符合我的要求吗?谢谢!

最佳答案

在商业场景中,您可能需要考虑 yFiles for HTML :

根据您的要求,它可以:

  • 为节点和边添加任意数量的标签
  • 提供几乎无限的滚动/平移/缩放区域
  • 使用各种自动布局算法自动布局图表。对于依赖图,Hierarchic Layouter非常适合
  • 在具有大量节点的桌面浏览器上运行良好。不过,根据视觉复杂性和图形结构,5000 个元素对于当今的浏览器实现来说可能很困难。
  • 这是一个没有任何依赖的纯 Javascript 库
  • 使用 SVG 作为主要后端,但也可以利用 Canvas
  • 图书馆是well documented , 鉴于其复杂性,这是必要的

这是一个屏幕截图,显示了上述一些功能的实际应用 - 布局是自动计算的:

免责声明:我为创建该库的公司工作。在 SO/SE 上,我不代表我的雇主。这是我自己的帖子。

关于javascript - 用于显示有向无环图 (DAG) 的 JS 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16647456/

有关javascript - 用于显示有向无环图 (DAG) 的 JS 库的更多相关文章

  1. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  2. ruby-on-rails - Rails 常用字符串(用于通知和错误信息等) - 2

    大约一年前,我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞,我可以在一个地方轻松完成,而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje

  3. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  4. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

  5. ruby-on-rails - link_to 不显示任何 rails - 2

    我试图在索引页中创建一个超链接,但它没有显示,也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线,我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article

  6. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序,它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择,是开发还是生产,一些方法的逻辑应该改变,这取决于部署类型。是否有任何想法,如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现? 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  7. ruby-on-rails - 如何在 Rails View 上显示错误消息? - 2

    我是rails的新手,想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围,如果不在范围内则返回错误信息。我可以检查上面代码的范围,但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单,一种显示ActiveRecord模型实例属性的表单。c

  8. ruby - inverse_of 是否适用于 has_many? - 2

    当我使用has_one时,它​​工作得很好,但在has_many上却不行。在这里您可以看到object_id不同,因为它运行了另一个SQL来再次获取它。ruby-1.9.2-p290:001>e=Employee.create(name:'rafael',active:false)ruby-1.9.2-p290:002>b=Badge.create(number:1,employee:e)ruby-1.9.2-p290:003>a=Address.create(street:"123MarketSt",city:"SanDiego",employee:e)ruby-1.9.2-p290

  9. ruby-on-rails - 复数 for fields_for has_many 关联未显示在 View 中 - 2

    目前,Itembelongs_toCompany和has_manyItemVariants。我正在尝试使用嵌套的fields_for通过Item表单添加ItemVariant字段,但是使用:item_variants不显示该表单。只有当我使用单数时才会显示。我检查了我的关联,它们似乎是正确的,这可能与嵌套在公司下的项目有关,还是我遗漏了其他东西?提前致谢。注意:下面的代码片段中省略了不相关的代码。编辑:不知道这是否相关,但我正在使用CanCan进行身份验证。routes.rbresources:companiesdoresources:itemsenditem.rbclassItemi

  10. ruby-on-rails - 在 Flash 警报 Rails 3 中显示错误消息 - 2

    如果我在模型中设置验证消息validates:name,:presence=>{:message=>'Thenamecantbeblank.'}我如何让该消息显示在闪光警报中,这是我迄今为止尝试过的方法defcreate@message=Message.new(params[:message])if@message.valid?ContactMailer.send_mail(@message).deliverredirect_to(root_path,:notice=>"Thanksforyourmessage,Iwillbeintouchsoon")elseflash[:error]

随机推荐