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在软件研发中的拓扑图组件在研发管理、团队协作、自动化部署、监控告警等方面的应用，并提供了丰富的案例和解决方案。
本文主要介绍了如何使用 HTML5 的 SVG 元素和 JavaScript 来实现网络拓扑图的动态交互效果。首先介绍了基于 SVG 的图形元素，然后讲述了如何利用 JavaScript 来控制 SVG 元素的样式、位置、大小、颜色等属性，最后通过一个具体的案例演示了如何使用这些技术实现网络拓扑图的动态交互效果。
采用 HT 开发网络拓扑图非常容易，例如《入门手册》的第一个小例子麻雀虽小五脏俱全：http://www.hightopo.com/guide/guide/core/beginners/example
为了方便在单机电脑上快速安装体验Rainbond，当前版本支持通过一条命令安装和体验，现在支持的平台包括：
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView（以下简称 GraphView）是 HT 框架中 2D 功能最丰富的组件，其相关类库都在 ht.graph 包下。GraphView 具有基本图形的呈现和编辑功能，拓扑节点连线及自动布局功能，电力和电信等行业预定义对象，具有动画渲染等特效，因此其应用面很广泛，可作为监控领域的绘图工具和人机界面，可作为一般性的图形化编辑工具，可扩展成工作流和组织图等企业应用。简单说来
《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》一文让读者了解了 HT 的 2D 拓扑图组件使用，本文将对 HT 的 3D 功能做个综合性的介绍，以便初学者可快速上手使用 HT 构建例如电信网管 3D 机房应用、水务燃气 SCADA 监控应用及智能楼宇等应用场景。
《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》一文让读者了解了 HT 的 2D 拓扑图组件使用，本文将对 HT 的 3D 功能做个综合性的介绍，以便初学者可快速上手使用 HT 构建例如电信网管 3D 机房应用、水务燃气 SCADA 监控应用及智能楼宇等应用场景。 HT for Web 的 3D 是完全基于 WebGL 技术实现的渲染引擎，但开发者几乎不需要了解 3D 图形数学或 Shader 渲染的底层技术，只需要掌握基本的 3D 坐标系和相机 Camera 的概念，剩下需要掌握的也就是基
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 WebGL 技术的图扑可视化工具 HT for Web 在大型光伏电站的应用实例，通过实时渲染、数据驱动、动态交互等特性，实现了光伏电站的数字化、网络化和智能化。同时，通过一个具体的实例，展示了 HT for Web 在大型光伏电站应用中的快速开发、高度定制、跨平台等特性。
随着微服务架构的流行，客户端发起的一次请求可能需要涉及到多个或 N 个服务，致使我们对服务之间的监控和排查变得更加复杂。
SugarNMSTool是“北京智和信通技术有限公司”开发的图形化SNMP工具，可以免费使用。工具只有3M大小左右，便于携带，免安装，无数据库，可在Windows、Linux、Unix系统上快速运行。 工具由大型SugarNMS智能网管软件的精华功能精简而成。SugarNMSTool是网管员、SNMP设备开发调试、SNMP诊断的日常必备工具。产品网站：www.zhtelecom.com.cn
Kiali 中的服务拓扑图比起 Istio 原来默认部署的 ServiceGraph 的效果更炫也更加直观，具有更多选项。
Visio是一款用于制图软件，它具有独特的功能，使其成为了许多专业人士必备的工具之一。在本文中，我将通过实际案例来介绍Visio的独特功能。
本文主要包含两个部分： 1.networkx的安装以及校园网络拓扑图的绘制。这一步骤有固定生成节点的位置，添加节点的自定义图标的功能实现。 主要函数为： G.add_nodes_from(nodes=nodes_list,pos=pos) G.add_node(“信息中心”, image=images[“router”])
工具站点：https://sourceforge.net/projects/wanem/
在电信网络拓扑图中，很经常需要用到自动布局的功能，在大数据的层级关系中，通过手工一个一个摆放位置是不太现实的，工作量是相当大的，那么就有了自动布局这个概念，来解放布局的双手，让网络拓扑图能够布局出一个优美的图案，当然在一些复杂的布局中，光有自动布局还是不行的，还是需要手工地做些相应的调整，才能让界面图案更加的完美。今天我们来聊聊电信网络拓扑图 HT for Web 在自动布局上面的相关内容。 在 HT for Web 中有提供两种布局方案，一个是 AutoLayout，一个是 ForceLayout。Aut
本文介绍了电信网络拓扑图自动布局的相关内容，包括两种布局方案：AutoLayout和ForceLayout。AutoLayout提供几套固定的布局算法，让用户根据不同的需求选择不同的布局算法，如圆形布局和对称布局。ForceLayout则是根据节点之间存在互斥力，相互连接的节点间存在引力，来动态布局节点的。
机柜 U 位管理是一项突破性创新技术--继承了 RFID 标签（电子标签）的优点的同时，完全解决了 RFID 技术（非接触式的自动识别技术）在机房 U 位资产监控场应用景中的四大缺陷，采用工业互联网云平台监控机房 U 位的方法，具有高可靠性、高准确性、精准定位、免维护的特点，满足了 U 位级实时监控、智能运维闭环管理的需求。设备上架、下架与迁移，自动变更和实时记录，（用户评价）：部署工业互联网云平台监控机房 U 位后节省了 99% 的登记变更记录的时间，而且实现了变更后数据 100% 的准确，在这之前是难以想象的，真正实现运维管理最后的工作。
在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些朋友。当然，如果有什么意见的可以直接跟我说，大家一起交流才会进步。 效果图 image.png http://www.hightopo.com/demo/subway/index.html 地图稍微内容有点多
计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点，把传输介质抽象为一条线，由点和线组成的几何图形就是计算机网络的拓扑结构。网络的拓扑结构反映出网中各实体的结构关系，是建设计算机网络的第一步，是实现各种网络协议的基础，它对网络的性能，系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的形式与方法；在网络中的工作站和服务器等网络单元抽象为 “点”；网络中的电缆等抽象为 “线”。影响网络性能、系统可靠性、通信费用。 拓扑还分为：总线拓扑、星型拓扑、环形拓扑树形拓扑以及网状拓扑。这篇文章写的案例就是总线拓扑中的一个分支，我们一步一步来搭建这个拓扑图形。
前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来
Visio是由美国微软公司开发的一款基于向量绘图技术的图形绘制软件。该软件主要面向企业和工程设计师。 Visio主要用于各种流程图的绘制，如组织架构图、事务处理流程图、网络拓扑图等，并能够轻松地与Office和SharePoint等微软产品集成。
本文介绍了一种使用 Highcharts 在网页中绘制网络拓扑图的方法，包括节点的连接方式和连线的样式。首先介绍了网络拓扑图的基本样式和功能，然后通过具体示例展示了如何使用 Highcharts 实现网络拓扑图的绘制。在示例中，介绍了如何设置节点的位置、颜色、大小和连接方式，以及如何设置连线的样式和颜色。最后，介绍了一些高级功能，如节点的收缩和展开，连线的端点连接和箭头样式等。通过本文的介绍，用户可以快速掌握如何使用 Highcharts 在网页中绘制网络拓扑图，同时也可以进一步学习 Highcharts 的其他高级功能。
在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是有不少应用，近些年随着HTML5的流行，加上移动终端对HTML5支持的普及，越来越多新项目开始采用真正纯HTML5的方案，更具体的说大数据量应用性能高于SVG的Canvas方案，已经逐渐成为当今Web SCADA前端技术的首选标配方案。 http://ww
在前端网页设计中，文本是重要的组成部分，那么在网络拓扑图中也是一样的，文本在网络拓扑图上最基本的显示功能之一，在不同的应用场景下，会有不同的需求。但是不同的需求也逃不过一些基础设置，如位置、旋转、字体、颜色等需求。接下来我们就来详细聊聊 HT for Web 中文本的相关应用。 HT for Web 为网络拓扑图上的节点提供了两个文本，也确实需要两个文本同时存在的情况，比如车站上面的站牌，就有汉字和拼音的组合，如果做一个公交站示意图的话，节点上的两个文本就都用得上了。今天就模拟一个地铁站点和大家一起聊聊网络
本文将详细介绍 Microsoft Visio 软件的特色和使用方法。该软件是一款流程图设计和业务流程管理工具，广泛应用于项目管理、流程设计、网络拓扑图等领域。文章从软件的特点与优势入手，详细阐述了软件的各种功能及其使用方法，并通过实例来说明软件在实际操作中的具体流程。
前言 U 是一种表示服务器外部尺寸的单位，是 unit 的缩略语，详细的尺寸由作为业界团体的美国电子工业协会（EIA）所决定。之所以要规定服务器的尺寸，是为了使服务器保持适当的尺寸以便放在铁质或铝质的机架上。机架上有固定服务器的螺孔，以便它能与服务器的螺孔对上号，再用螺丝加以固定好，以方便安装每一部服务器所需要的空间。规定的尺寸是服务器的宽（48.26cm＝19 英寸）与高（4.445cm 的倍数）。由于宽为19英寸，所以有时也将满足这一规定的机架称为“19 英寸机架”。厚度以 4.445cm 为基本单位。
掌握ACL在企业网络中的应用；掌握ACL的工作原理；掌握ACL的配置；掌握NAT的工作原理；掌握NAT的基本配置。
我们上一篇《基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的
本文介绍了实时数据通讯系列，包括基于 WebSocket 的实时数据通讯、基于 HTTP 的实时数据通讯以及实时数据通讯在 Web 3D 中的应用。
在很多大型企业中都是拥有着非常多的计算机设备的，相信在企业中工作过的人们都是知道企业中的很多计算机都是互连在一起的，计算机共处于一个局域网中能够更加方便地不同计算机之间的传输，计算机互连之后还可以进行很多更加方便的操作，让企业内部的联系更加紧密。那么一般计算机之间都是通过什么方式来连接在一起的呢？这个时候就需要使用到网络拓扑结构，使用不同拓扑结构的就会形成网络拓扑图，那么网络拓扑图是什么意思？网络拓扑图有哪些分类？下面小编就为大家来详细介绍一下。
Processon 是一款在线画图软件，当然它的功能在不断迭代，现在功能非常丰富。我是 ProcessOn 的重度用户，写文章和工作上都是用它画图，这个软件我用了 4 年了～安利给大家～
我们根据can总线具有的一些特性可知：CAN总线肯定具有分层结构，而且参考OSI模型（OSI参考模型介绍）是肯定的，我们可以看一下相关的文档可知：CAN遵从OSI模型。
为了方便，该项目使用的是项目中的json数据，所以在编辑后需要将请求数据拷贝出来，覆盖到拓扑图节点json数据中。
拓扑图用来描述平台各服务之间的依赖关系，也可以理解为平台服务的整体结构。拓扑图上的每个节点表示服务组件或服务的依赖项，且节点上标注有服务的运行状态和请求信息，点击后可获取详细的观测图表。
HTML5版的String Avoider小游戏 http://www.newgrounds.com/portal/view/300760 蛮简单也蛮考验耐心，从游戏起始点移动鼠标到终点位置，鼠标移动
前言 文字是网页中最基本的元素，一般我们在网页上都是展示的静态文字，但是就效果来说，还是比较枯燥的。文字淡入淡出的动画效果在项目中非常实用，如果有某些关键的文字，可以通过这种动态的效果来提醒用户阅读。
cacti是一款使用php语言开发的性能与流量监测工具，监测的对象可以是Linux或Windows服务器，也可以是路由器、交换机等网络设备，主要基于SNMP（简单网络管理协议）来搜集CPU占用、内存占用、运行进程数、磁盘空间、网卡流量等各数据。 ——以下是cacti的相关知识和应用示例。 1、cacti：流量和性能检测 nagios：服务与性能检测 RRDtool：轮询数据工具，记录数据并绘制图形 cacti基于lamp平台，SNMP协议，RRDtool数据轮询工具以web方式显示监控信息
我们都知道，在基于红帽的Linux系统中，一个RPM包，需要把先将它依赖的其他包安装好才能正常的工作。对于终端用户，RPM的安装、更新、删除中存在的依赖关系已经被工具透明化了（如 yum或 DNF等)
为什么要画拓扑图？ 答：拓扑图可以向用户或者他人表达我们的设计思想与理念,以及展示设计的特点/目的/功能。对于我们系统规划人员来说无论是做网络规划/系统设计/网络管理，画拓扑图是一个最基本能力; 对于我们网络管理员来说,画拓扑图/排列图可以记录企业网络连接/设计/规划等一系列重要资料,为管理和后期排错，故障解决，例行维护以及交接(与继任者)减轻负担
经常有小伙伴在问各类型拓扑图的问题，怎么设计，怎么配置，或者让群里的大佬帮忙看看，这图有没有啥问题的……
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
