为什么要画拓扑图？ 答：拓扑图可以向用户或者他人表达我们的设计思想与理念,以及展示设计的特点/目的/功能。对于我们系统规划人员来说无论是做网络规划/系统设计/网络管理，画拓扑图是一个最基本能力; 对于我们网络管理员来说,画拓扑图/排列图可以记录企业网络连接/设计/规划等一系列重要资料,为管理和后期排错，故障解决，例行维护以及交接(与继任者)减轻负担
经常有小伙伴在问各类型拓扑图的问题，怎么设计，怎么配置，或者让群里的大佬帮忙看看，这图有没有啥问题的……
今天就给你来一篇绘制拓扑图详解，从一页白纸开始，教你怎么从0到1亲手绘制一张拓扑图。
源码：https://github.com/maqi1520/Clone-processon
HT 是啥：Everything you need to create cutting-edge 2D and 3D visualization. 这口号是当年心目中的产品方向，接着就朝这个方向慢慢打磨，如今 HT 算是达到了这样的效果，谈不上用尽洪荒之力，但我们对产品结果很满意，特别是 HT 的用户手册，将例子和文档无缝融合一体，小小 10 来兆开发包居然包含了四十五份手册，数百个活生生的 HTML5 例子，还没体验过的同学可以点击 http://www.hightopo.com/guide/readme
本文介绍了HT for Web在软件研发中的拓扑图组件在研发管理、团队协作、自动化部署、监控告警等方面的应用，并提供了丰富的案例和解决方案。
HT For Web 的HTML5拓扑图组件graphView背景设置有多种途径可选择： divBackground：通过css设置graphView对应的div背景 Painter：通过graphV
HT For Web 的HTML5拓扑图组件graphView背景设置有多种途径可选择： divBackground：通过css设置graphView对应的div背景 Painter：通过graphView.addBottomPainter(function(g, rect){…})来绘制背景 Layer：通过设置graphView.setLayer(['…', '…', '…', …])来将graphView拆分为多个图层，并为各个图层命名，再让不同种类的node通过node.setL
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView（以下简称 GraphView）是 HT 框架中 2D 功能最丰富的组件，其相关类库都在 ht.graph 包下。GraphView 具有基本图形的呈现和编辑功能，拓扑节点连线及自动布局功能，电力和电信等行业预定义对象，具有动画渲染等特效，因此其应用面很广泛，可作为监控领域的绘图工具和人机界面，可作为一般性的图形化编辑工具，可扩展成工作流和组织图等企业应用。简单说来
Processon 是一款在线画图软件，当然它的功能在不断迭代，现在功能非常丰富。我是 ProcessOn 的重度用户，写文章和工作上都是用它画图，这个软件我用了 4 年了～安利给大家～
【流程图】5分钟快速绘制 不会吧不会吧，不会不知道 Process On 在线绘制各种流程图吧！！！ 在线绘制网址：点我进入 注册账号 新建，包含 新建文件夹 导入 流程图 思维导图 原型图 UML 网络拓扑图 组织结构图 BPMN ，这几个选项，对应选择即可。这里我们选择流程图来演示。 绘制一个简单的流程图，很快就画完了，尤其是画箭头的时候。 箭头可以改变线型，直线、折线和曲线 修改箭头种类 填充颜色 导出文件，PDF比较清晰，选择 导出高清PDF文件 选择 Proc
采用 HT 开发网络拓扑图非常容易，例如《入门手册》的第一个小例子麻雀虽小五脏俱全：http://www.hightopo.com/guide/guide/core/beginners/example
本文主要介绍了如何使用 HTML5 的 SVG 元素和 JavaScript 来实现网络拓扑图的动态交互效果。首先介绍了基于 SVG 的图形元素，然后讲述了如何利用 JavaScript 来控制 SVG 元素的样式、位置、大小、颜色等属性，最后通过一个具体的案例演示了如何使用这些技术实现网络拓扑图的动态交互效果。
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些朋友。当然，如果有什么意见的可以直接跟我说，大家一起交流才会进步。 效果图 image.png http://www.hightopo.com/demo/subway/index.html 地图稍微内容有点多
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
立冬时节知多少 今天立冬，周末两天在家继续研究了下Skywalking，感觉这个组件还是很不错的，无论是设计思想还是架构设计，都能从中受到启发和帮助，建议感兴趣的小伙伴可以看看，当然，如果不感兴趣还是不要深入研究了，比较费头发😂。 文中的架构是： ASP.NETCore+SpringBoot+ES+Mysql+Redis+Rabbit 本文就把研究的成功图展示一下吧，就好像是一个目录一样，先看看是不是感兴趣，详细的安装过程、原理内容和看板参数分析以后慢慢铺开来说。 官方地址：https://github
Author：AXYZdong 自动化专业 工科男 有一点思考，有一点想法，有一点理性！ 定个小小目标，努力成为习惯！在最美的年华遇见更好的自己！ CSDN@AXYZdong，CSDN首发，AX
我们上一篇《基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的
为了方便，该项目使用的是项目中的json数据，所以在编辑后需要将请求数据拷贝出来，覆盖到拓扑图节点json数据中。
本文介绍了实时数据通讯系列，包括基于 WebSocket 的实时数据通讯、基于 HTTP 的实时数据通讯以及实时数据通讯在 Web 3D 中的应用。
大家知道我是一个“24K资深”通信工程师，所以日常画画拓扑图、信令流程图、产品逻辑图等等都是必备技能，但是苦无Visio久矣，所以每次画图都一个脑袋两个大。
今天领导派了一个小活，要求我将公司的物联网平台的网络拓扑图画出来。做一个数据展示的页面，集成到现有的iot平台上。
之前做内网渗透测试的时候，一直想要有一款能够格式化存储收集到的信息，并且可以方便的查找出重要信息的工具。前段时间看到了Leprechaun 这个工具，给了我一些想法。由于，我对于这个工具有些不喜欢的地方。再加上好久没有写小程序练手了，于是决定自己定制一款类似的工具。
4.3. 机房迁移 总结一下5年前的工作，在不写下来自己都快忘光了，工作关系现在已经不涉及运维这块的工作。 4.3.1. 拓扑确立 首先制定服务器拓扑图，拓扑图应该有两套，一套是物理拓扑图，另一套是基于业务的虚拟拓扑图。 物理拓扑图包含机柜，机位，例如防火墙，核心交换机，机柜交换机，服务器，存储等等他们之间的物理关系。如果是云主机也许标注出来。 接下来分配IP地址以及服务端口号 最后制定虚拟拓扑图，是各种服务间的关系图，由IP地址和端口组成，标住出他们之间的关系。 4.3.2. 存储规划 什么东西放在什么
节选自 《Netkiller 系列手札》 5.3. 机房迁移 5.3.1. 拓扑确立 5.3.2. 存储规划 5.3.2.1. RAID Disk Group 规划 5.3.2.2. 文件系统规划 5.3.2.3. 目录规划 5.3.3. 设备上架 5.3.4. 操作系统初始化 5.3.5. 服务器及运行环境 5.3.6. 部署应用程序 5.3.7. 监控系统 5.3.8. 日志中心 5.3.9. 测试 5.3. 机房迁移 总结一下5年前的工作，再不写下来自己都快忘光了，工作关系现在已经不涉及运维这
本文为Istio系列的终结篇，前两篇《Istio系列一：Istio的认证授权机制分析》、《Istio系列二：Envoy组件分析》笔者分别对Istio的安全机制和数据平面组件Envoy进行了解读，相信各位读者已经对Istio有了一定认识，本文主要对Istio的控制平面核心组件Mixer、Pilot进行分析解读，在文中笔者会结合Envoy说明Mixer、Pilot的工作原理及它们在Istio中的价值，文章阅读时间大致15分钟，希望能给各位读者带来收获。
Visio是Windows操作系统下运行的流程图和矢量绘图软件，它属于Office办公软件的一部分。
在很多大型企业中都是拥有着非常多的计算机设备的，相信在企业中工作过的人们都是知道企业中的很多计算机都是互连在一起的，计算机共处于一个局域网中能够更加方便地不同计算机之间的传输，计算机互连之后还可以进行很多更加方便的操作，让企业内部的联系更加紧密。那么一般计算机之间都是通过什么方式来连接在一起的呢？这个时候就需要使用到网络拓扑结构，使用不同拓扑结构的就会形成网络拓扑图，那么网络拓扑图是什么意思？网络拓扑图有哪些分类？下面小编就为大家来详细介绍一下。
拓扑结构在计算机网络设计和通信领域中非常重要，因为它描述了网络中的设备（即“点”）如何相互连接（即通过“线”）。这种结构不仅涉及物理布局，即物理拓扑，还可以涉及逻辑或虚拟的连接方式，即逻辑拓扑。
前言 SVG并非仅仅是一种图像格式， 由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的XML内容，各个不同的SVG图形可以方便地组合， 构成新的SVG图形。这个 Demo 运用的技术基于 HTML5 的技术适应了只能电网调度、配电网运行监控与配电网运维管控，通过移动终端实现 Web SCADA 账上运维的时代需求。由于传统电力行业 CS 桌面监控系统一直到新一代 Web 和移动终
本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派，一派是直接拖拽完成，一派是通过代码来完成
Tcharts即Tvision-T1，是基于Canvas的自研可视化组件。 致力于提供高性能，易定制的企业级可视化解决方案。目前支持“统计图表”，“地图”和“图可视化“组件。本文主要介绍“图可视化”组件部分。目前已应用到“性能观测APM“，“腾讯云CDN“, “腾讯云安全中心“等多个产品中，提供差异化的图可视化解决方案。
ProcessOn 是一款免费的专业在线作图工具和分享社区。它支持流程图、思维导图、原型图、网络拓扑图以及 UML 等多种类型的图像绘制。不需要安装客户端，就可以直接在线制作。
weavescope是一款Docker 和 Kubernetes 的可视化和监控工具，WeaveScope 监控展示了主机、容器、进程的众多常用数据和状态，并提供 WebUI 帮助我们进行基本的管理操作，并且在整个过程中不需要进行额外的配置，易于上手使用。同时，WeaveScope 提供插件和插件机制方便我们进行扩展，可以说，WeaveScope 是我们初期搭建容器监控管理系统的极佳选择。
作为一个管理者，你要制定整个部门乃至全公司的组织架构图，或者你要向老板分析企业现状并交给他一份完美的计划，此时，你可能会使用PowerPoint、Keynote等工具。
作者：常敏，腾讯云监控高级工程师 前言 Tcharts 来自于腾讯云监控产品中心，基于 Canvas （HTML5 的新标签）自研的可视化组件，是类似于 Apache Echarts（一个基于 JavaScript 的开源可视化图表库）和 AntV （蚂蚁金服全新一代数据可视化解决方案）可视化图表库。Tcharts 致力于提供高性能，易定制的企业级可视化解决方案。目前支持“统计图表”、“地图”和“图可视化”等组件。本文主要介绍“图可视化”组件部分。图可视化组件目前已应用到全链路监控“腾讯云应用性能观测
腾讯云高级工程师。负责监控和可观测系统的开发。Tvision Tcharts 自研图表项目负责人。在华为、腾讯“全新”设计过多个大型项目的核心架构。技术理念：借鉴，融合，到自主创新。
本来定在二月份参加美赛，因为A题是连续型的比较适合我们队，但是今年放的三道题都是数据题，做到第二天其实就觉得，怎么说，感觉之前准备的不是很充分，赛前没有很认真做画图的这一部分工作，现在想来还是很亏的，因为在比赛的时候其实大家思路都差不多，不会说大家都是本科阶段，你做这题能搞个神经网络我只能搞个层次分析，不存在的，甚至很多时候讲道理还是站在巨人的肩膀上做事的，查查别人之前在这一方面的论文，其实还是看你论文里面的插图精致不精致，很正常，因为在评审过程中评委也是人，他们看数学式子可能也没有去深究，甚至只是看个大概，更不用说你去熬夜辛辛苦苦写的那些英文了，最多是你写的式子看不懂and你的插图他没看懂可能会看看你写的文字部分。
本文介绍了如何利用 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯。首先介绍了 WebSocket 的概念和原理，然后阐述了利用 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯的具体步骤。最后通过一个示例展示了如何在前端实现该功能。
今天没有延续上一篇讲的内容，穿插一段小插曲，WebSocket 实时数据通讯同步的问题，今天我们并不是很纯粹地讲 WebSocket 相关知识，我们通过 WebGL 3D 拓扑图来呈现一个有趣的 Demo。接下来我们就看看这个实时数据通讯是一个什么样的套路。 我们先来聊聊这次 Demo 的思路吧，首先我要有一个 3D 的拓扑图组件，在上面创建几个节点，然后通过拉力布局（ForceLayout）将这些节点自动布局，但是有一定，需要在不同的网页窗口下，对应节点的位置是一样的，简单地说就是不同网页窗口所呈现的节点
为了方便在单机电脑上快速安装体验Rainbond，当前版本支持通过一条命令安装和体验，现在支持的平台包括：
为更好的帮助到想要利用脑磁图（MEG)数据做相关研究的朋友们，拓展思影科技的业务范围,思影推出脑磁图（MEG）数据处理服务，如感兴趣请关注后留言，或联系微信：siyingyxf或拨打电话18580429226进行咨询：
这个应该是大多数人最熟悉的绘图工具了，它是office软件系列中负责绘制流程图和示意图的软件，
在现代信息化建设中，流程图和网络拓扑图的绘制已成为必不可少的工作。而Visio作为一种流行的流程图和网络拓扑图绘制工具，其具有独特的设计理念和方便的操作方式，使得信息技术专业人员能够更好地完成各种复杂的信息化建设任务。本文主要通过对Visio软件的介绍和分析，以及实际应用案例的讨论，探讨Visio在现代信息化建设中的应用优势和价值。
在下面的内容中，我将向你介绍一种可以让你在1分钟内制作出专业流程图的方法，不管过往是否有画流程图的经历，都可以轻松做到。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
