数字孪生智慧服务器:信息安全监控平台

2022-02-22
阅读 3 分钟
2.4k
我国通信技术迭代和数字经济发展正迈入新阶段。1 月 12 日,国务院发布《“十四五”数字经济发展规划》,提出到 2025 年,数字经济迈向全面扩展期,数字经济核心产业增加值占 GDP 比重达到 10%。在数字经济发展按下加速键的同时,也不要忘系上“安全带”。为了堵住数据安全漏洞,建立健全数据安全治理运维体系至关重要。
封面图

智慧油气田可视化,打造油气田管控的“最强大脑”

2021-11-02
阅读 7 分钟
2.9k
1959 年 9 月 26 日 16 时许,松嫩平原上一个叫做大同的小镇附近被命名为“松基三井”的油井里黑色的油流喷射而出,标志一个世界级特大型陆相砂岩油田的诞生。大庆油田开始生产后,我国甩掉了中国“贫油”的帽子。因为大庆油田,1961 年中国新增探明石油储量达到 20 亿吨。2021 年 8 月,中国石油大庆油田再次在大庆发现 12....
封面图

助力网络安全发展,安全态势攻防赛事可视化

2021-08-02
阅读 4 分钟
2.7k
互联网网络通讯的不断发展,网络安全就如同一扇门,为我们的日常网络活动起到拦截保护的作用。未知攻、焉知防,从网络诞生的那一刻开始,攻与防的战争就从未停息过,因此衍生出了大量网络信息安全管理技能大赛,以此提升社会网络安全责任意识,加强网络安全技术人才队伍的建设。
封面图

搭建太阳系可视化系统,带你探索宇宙的未知奥秘

2020-08-19
阅读 4 分钟
2.4k
近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越近,人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上,作为人类这个物种中...

2019 篇 - 分享数百个 HT的工业互联网 2D 3D 可视化应用案例

2020-02-17
阅读 10 分钟
2.8k
继《分享数百个 HT 工业互联网 2D 3D 可视化应用案例》2018 篇,图扑软件定义 2018 为国内工业互联网可视化的元年后,2019 年里我们与各行业客户进行了更深度合作,拓展了 HT for  Web 在更多新领域的应用,图扑软件作为在工业可视化领域的一线重度参与者,我们觉得有必要将该话题作为系列文章,在此对 2019 年做个总结...

快速创建 HTML5 Canvas 电信网络拓扑图

2018-03-21
阅读 11 分钟
4.1k
电信网络拓扑图确实实用性很强,最近有个项目是基于这个的,为了写得丰富一点,还加了自动布局已经属性栏部分,不过这个 Demo 真的写得很用心,稍微改改都能直接运用到项目中去,还可以进行数据交互,总之希望能对大家有所帮助。

基于 HTML5 Canvas 绘制的电信网络拓扑图

2018-02-07
阅读 4 分钟
5.6k
电信网结构(telecommunication network structure)是指电信网各种网路单元按技术要求和经济原则进行组合配置的组合逻辑和配置形式。组合逻辑描述网路功能的体系结构,配置形式描述网路单元的邻接关系,即以交换中心(或节点)和传输链路所组成的拓扑结构。常见的网络拓扑结构有星型结构、总线结构、环形结构、树形结构...

快速开发基于 HTML5 网络拓扑图应用--入门篇(一)

2018-01-09
阅读 4 分钟
3.8k
计算机网络的拓扑结构是引用拓扑学中研究与大小,形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点,把传输介质抽象为一条线,由点和线组成的几何图形就是计算机网络的拓扑结构。网络的拓扑结构反映出网中各实体的结构关系,是建设计算机网络的第一步,是实现各种网络协议的基础,它对网络的性能,...

快速开发基于 HTML5 网络拓扑图应用1

2018-01-08
阅读 3 分钟
4.3k
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用,HT 内部封装了一个拓扑图形组件 ht.graph.GraphView(以下简称 GraphView)是 HT 框架中 2D 功能最丰富的组件,其相关类库都在 ht.graph 包下。GraphView 具有基本图形的呈现和编辑功能,拓扑节点连线及自动布局功能,电力和电信等行业预定义对象,具有动...

基于HTML5和WebGL的3D网络拓扑结构图

2017-10-17
阅读 5 分钟
4.5k
现在,3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型;电影行业将它们用于活动的人物、物体以及现实电影;视频游戏产业将它们作为计算机与视频游戏中的资源;在科学领域将它们作为化合物的精确模型;建筑业将它们用来展示提议的建筑物或者风景表现;工程界将它们用于设计新设备、交通工具、结构...

HTML5 技术在风电、光伏等新能源领域的应用

2017-02-13
阅读 7 分钟
4.6k
随着新一轮工业革命兴起,应对气候变化日益成为全球共识,能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国,以风能、光伏发电为代表的新能源产业发展迅速,可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心,发电技术继续沿着大规模、高效率和低成本方向持续进步,中国在风能...

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

2016-09-30
阅读 3 分钟
6k
《数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果,例如 [链接] 这个 3D 电信机房监控例子整个都是通过 HT 提供的 API 构建而成:

快速开发基于 HTML5 网络拓扑图应用

2016-09-27
阅读 5 分钟
11.5k
该例子展示了如何构建两个节点、一条连线、以及一个 Group 的组合效果。结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型,以下为构建上图界面效果的模型代码部分:

网络拓扑图上文本的巧妙应用

2016-09-26
阅读 4 分钟
4k
在前端网页设计中,文本是重要的组成部分,那么在网络拓扑图中也是一样的,文本在网络拓扑图上最基本的显示功能之一,在不同的应用场景下,会有不同的需求。但是不同的需求也逃不过一些基础设置,如位置、旋转、字体、颜色等需求。接下来我们就来详细聊聊 HT for Web 中文本的相关应用。

电信网络拓扑图自动布局之曲线布局

2016-09-19
阅读 12 分钟
3.8k
在前面《电信网络拓扑图自动布局之总线》一文中,我们重点介绍了自定义 EdgeType 的使用,概括了实现总线效果的设计思路,那么今天话题是基于 HT for Web 的曲线布局(ShapeLayout)。

电信网络拓扑图自动布局之总线

2016-09-05
阅读 9 分钟
4k
在前面《电信网络拓扑图自动布局》一文中,我们大体介绍了 HT for Web 电信网络拓扑图自动布局的相关知识,但是都没有深入地描述各种自动布局的用法,我们今天在这边就重点介绍总线的具体实现方案。

电信网络拓扑图自动布局

2016-08-22
阅读 2 分钟
8.9k
在电信网络拓扑图中,很经常需要用到自动布局的功能,在大数据的层级关系中,通过手工一个一个摆放位置是不太现实的,工作量是相当大的,那么就有了自动布局这个概念,来解放布局的双手,让网络拓扑图能够布局出一个优美的图案,当然在一些复杂的布局中,光有自动布局还是不行的,还是需要手工地做些相应的调整,才能让...

数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇

2016-08-10
阅读 9 分钟
13.6k
HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization.

HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用

2016-08-08
阅读 6 分钟
7.2k
HT for Web 作为逻辑拓扑图形组件自身没有 GIS 功能,但可以与各种 GIS 引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍 HT for Web 与开发免费的 OpenLayers 地图结合应用的关键技术点,该文介绍的结合的原理,其实还可推广到与 ArcGIS、百度地图以及 GoogleMap 等众多 GIS 地...

基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步(二)

2016-07-26
阅读 6 分钟
4.7k
我们上一篇《基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步(一)》主要讲解了如何搭建一个实时数据通讯服务器,客户端与服务端是如何通讯的,相信通过上一篇的讲解,再配合上数据库的数据储存,我们就可以实现一个简易版的 Web 聊天工具了,有空的朋友可以自己尝试下实现,那么我们今天的主要内容真的是实现 We...

基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步(一)

2016-07-25
阅读 4 分钟
6.9k
今天没有延续上一篇讲的内容,穿插一段小插曲,WebSocket 实时数据通讯同步的问题,今天我们并不是很纯粹地讲 WebSocket 相关知识,我们通过 WebGL 3D 拓扑图来呈现一个有趣的 Demo。接下来我们就看看这个实时数据通讯是一个什么样的套路。

HTML5实现3D和2D可视化QuadTree四叉树碰撞检测

2015-12-14
阅读 5 分钟
6.6k
QuadTree四叉树顾名思义就是树状的数据结构,其每个节点有四个孩子节点,可将二维平面递归分割子区域。QuadTree常用于空间数据库索引,3D的椎体可见区域裁剪,甚至图片分析处理,我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数,从而提高游戏刷新性能,本文例...

基于HTML5的WebGL结合Box2DJS物理应用

2015-12-08
阅读 4 分钟
4.2k
上篇我们基于HT for Web呈现了A* Search Algorithm的3D寻路效果,这篇我们将采用HT for Web 3D来呈现Box2DJS物理引擎的碰撞效果,同上篇其实Box2DJS只是二维的平面碰撞物理引擎,但同样通过3D的呈现能让人更直观的体验到碰撞效果,最终例子效果:

WebGL实现HTML5贪吃蛇3D游戏

2015-11-25
阅读 5 分钟
8.5k
js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了WebGL类型,以及允许增加到2K的++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。

基于HTML5的WebGL呈现A星算法的3D可视化

2015-11-18
阅读 7 分钟
6.5k
最近搞个游戏遇到最短路径的常规游戏问题,一时起兴基于HT for Web写了个A算法的WebGL 3D呈现,算法基于开源 [链接] 的javascript实现,其实作者也有个不错的2D例子实现 [链接] ,只不过觉得所有A算法的可视化实现都是平面的不够酷,另外还有不少参数需要调节控制,还是值得好好搞个全面的Demo,先上张2D和3D例子的对照图。

基于HTML5的WebGL应用内存泄露分析

2015-10-26
阅读 6 分钟
11.7k
上篇([链接]我们通过定制了CPU和内存展示界面,体验了HT for Web通过定义矢量实现图形绘制与业务数据的代码解耦及绑定联动,这类案例后续文章还会继续以便大家掌握更多的矢量应用场景,本篇我们先切换个话题,谈谈模型-视图-事件之间的关系。

透过HT for Web 3D看动画Easing函数本质

2015-10-11
阅读 3 分钟
4.1k
50年前的这个月诞生了BASIC这门计算机语言,回想起自己喜欢上图形界面这行,还得归功于当年在win98下用QBASIC照葫芦画瓢敲了一段绘制奥运五环的代码,当带色彩的奥运五环呈现在自己面前时我已知道自己这辈子要走的路了。在这个忘本逐新的年代不见多少媒体提及这影响了几代人的BASIC语言的50年庆了。

基于HT for Web 3D技术快速搭建设备面板

2015-08-10
阅读 6 分钟
6.1k
以真实设备为模型,搭建出设备面板,并实时获取设备运行参数,显示在设备面板上,这相比于纯数值的设备监控系统显得更加生动直观。今天我们就在HT for Web的3D技术上完成设备面板的搭建。 我们今天模拟的设备是机房设备,先来目睹下最终效果:

基于HT for Web矢量实现2D叶轮旋转

2015-07-20
阅读 7 分钟
4.2k
从模型上看,这个叶轮模型有三个叶片,每一个叶片都是不规则图形,显然无法用上我们HT for Web的基础图形来拼接,那么我们该怎么做呢?很简单,在HT for Web中提供了自定义图形的方案,我们可以通过自定义图形来绘制像叶片这种不规则图形。

iOS平台快速发布HT for Web拓扑图APP应用

2015-05-11
阅读 3 分钟
4.9k
iOS平台一直是封闭的生态圈,iOS开发者要缴纳年费加入开发者计划才可进行iOS平台的APP开发测试,所开发的APP需要上传到App Store经过苹果审核以后才可对外发布。如果要开发企业内部应用,则要缴纳更高的费用购买企业账户才可以。