我最近也在找这方面的工具,列几个给你参考一下:
1、Vis.js
官网:vis.js - A dynamic, browser based visualization library.
github地址:GitHub - almende/vis: Dynamic, browser-based visualization library
在github上有4000多颗星,还蛮受欢迎的;

2、JointJS
官网:JointJS - the HTML 5 JavaScript diagramming library.
github地址:GitHub - clientIO/joint: JavaScript diagramming library
在github上有1900多颗星,也不错;

3、GoJS
官网:GoJS Diagrams for JavaScript and HTML, by Northwoods Software
github地址:GitHub - NorthwoodsSoftware/GoJS: All GoJS samples, extensions, and documentation

4、Raphaël
官网:Raphaël—JavaScript Library
github地址:GitHub - DmitryBaranovskiy/raphael: JavaScript Vector Library
这个有8000多颗星。。。

5、jsPlumb
It uses SVG and runs on all browsers from IE9 and later.
官网:jsPlumb Toolkit

github地址:GitHub - sporritt/jsPlumb: Visual connectivity for webapps
这个效果还不错,星也有2000多。

6、JTopo
这个是国产滴,看上去效果也还行
官网:jTopo

其他还有一些js画矢量图的库,但在画拓扑图方面没啥特别的,这里就不列了。

我也是刚找的,还没深入去使用过,所以能给你的回复也就只能到这了。

开源HTML5拓扑图绘制工具?相关推荐

  1. 开源HTML5拓扑图绘制工具

    亲测可用,若有疑问请私信 1.Vis.js 官网:vis.js - A dynamic, browser based visualization library. github地址:GitHub - ...

  2. draw.io---一款免费、开源的流程图绘制工具

    draw.io 是一款非常强大实用的免费.开源流程图绘制工具,功能众多,例如通过流程图来可视化您的工作流程.创建组织结构图来来显示人员结构.创建网络图来可视化网络等等,适用于商务.工程.电气.网络设计 ...

  3. 用HTML5构建一个流程图绘制工具

    在我们的开发工程中经常会使用到各种图,所谓的图就是由节点和节点之间的连接所形成的系统,数学上专门有一个分支叫图论(Graph Theroy).利用图我们可以做很多工具,比如思维导图,流程图,状态机,组 ...

  4. 百度地图之鼠标绘制工具条库(开源库)

    百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...

  5. html5中Canvas、绘制线条模糊、常见绘制工具、绘制基本图形、绘制图片、面向对象的方式绘制图形图片、绘制文本、帧动画绘制

    Canvas容器: canvas标签用来定义图像的容器,必须配合脚本来绘制图像,canvas也运用于游戏开发.注意:canvas绘制图时会出现线条模糊情况,这是因为显示屏像素和canvas中定义的一个 ...

  6. BJSubwayPen -- 北京地铁路线图绘制工具 开源啦~~

    原文链接: https://www.ikaze.cn/article/33 北京地铁路线图绘制工具 闲暇时写的小工具小工具,使用svg绘制地图~~ 在线体验: https://www.ikaze.cn ...

  7. html5流程图制作,基于HTML5小巧精悍流程图绘制工具jsPlumb

    jsPlumb是一套开源的流程图创建工具 ,小巧精悍,使用简单.它可以将html中的元素用箭头.曲线.直线等连接起来,适用于开发Web上的图表.建模工具等. jsPlumbToolkit.ready( ...

  8. 13款经典JavaScript图形和图表绘制工具

    如今,在互联网上发布在线免费的Javascript图形和图表绘制工具越来越多.作者此前在一家网站从事复杂的图形学方面的工作,使用highchart,在那期间,没有大量的插件工具可供选择,不像现在,我们 ...

  9. 一文读懂:程序员为什么要学会画流程图 11种流程图的绘制工具:processon,wps,draw.io, 迅捷画图等 详细说明使用processon绘制流程图 详细说明绘制流程图

    这里写目录标题 为什么要学会画流程图 11种画流程图的工具 processon wps draw.io Zen Flowchart xGraph lucidchart boardmix plantum ...

最新文章

  1. 中国联邦学习「五大流派」
  2. 获取app当前可用的剩余内存
  3. 2017.0322.数字电路与系统-触发器
  4. opencv Remap 图像的映射
  5. 【LOJ6363】「地底蔷薇」【点双】【指数型生成函数】【扩展拉格朗日反演】【多项式幂函数】
  6. python根须系统斜杠_深入浅出Python中的os模块
  7. oracle 增量_【干货分享】DMETL中的增量抽取初识
  8. 6-5-2:STL之stack和queue——双端队列deque
  9. 学计算机信息管理专业的感谢,计算机信息管理专业工作求职信
  10. 算法-满足条件的数字放在新数组
  11. 程序设计导引及在线实践--读书笔记一
  12. 一键恢复CGI v3.2.1.0 增强版
  13. CSDN写博客怎么插入数学公式(干货满满呦)
  14. Reinforcement Learning An Introduction~The 10-armed Testbed
  15. 在我离开一段时间后锁定计算机,离开电脑一段时间怎么让win10自动锁屏
  16. java 子类克隆_Java 浅克隆、深克隆
  17. Uva10791 质因数分解
  18. Mac设置chrome浏览器跨域
  19. 8种适用于不同机器学习问题的常用数据集
  20. 鼠标自动点击器及源码

热门文章

  1. 粉末游戏计算机教程,如何玩转《粉末游戏》粉末游戏攻略介绍
  2. 专家:目前的弱人工智能可能具备“自我意识”的觉醒
  3. 【图论】【LCA】NOIP2015运输计划
  4. LIMS系统在实验室规范运作中的应用价值
  5. 鸿蒙HarmonyOS与安卓Android的全面对比
  6. Excel中Find函数如何查找定位呢?
  7. Python-增加b站视频播放量
  8. Kubernetes之容器数据写满磁盘解决方法
  9. python 获取B站播放量计算的条件及……
  10. 计算机基础知识一级分值,计算机一级考试内容及分值