TWaver可视化

可视化赋能智慧未来

TWaver可视化编辑器(三)Doodle编辑器

插播一则广告(长期有效) TWaver需要在武汉招JavaScript工程师若干 要求:对前端技术(JavasScript、HTML、CSS),对可视化技术(Canvas、WebGL)有浓厚的兴趣 基础不好的可培养,基础好的可共谋大事 感兴趣的给我发邮件:hr@servasoft.com --...

2017-08-14 12:06:50

阅读数 1974

评论数 0

HTML5第三弹:亦酷亦萌的网络拓扑图

前言前一篇3D机房好像有点火,看来轻量的Web 3D是大势所趋,当时选择WebGL而不是U3D真是灰常英明的抉择。3D虽然炫酷,但在真正的企业应用里,数据、关系的呈现还是要回到传统2D界面,而HTML5是目前的最佳选择。像HTML5的canvas,虽然已经不是什么新鲜技术了,但直接在浏览器中绘制网...

2015-07-16 19:39:14

阅读数 7592

评论数 2

HTML5,不只是看上去很美(第二弹:打造最美3D机房)

前言最近项目开发任务告一段落,刚好有时间整理这大半年的一些成果。使用html5时间还不久,对js的认识还不够深入。没办法,以前一直搞java,对js的一些语言特性和概念一时还转换不过来。上一篇第一弹介绍了项目中做的一个彩虹爆炸图,主要用了 html5的canvas的2d绘制技术。这一回我想介绍一下...

2015-07-07 13:47:12

阅读数 22446

评论数 201

用拓扑图呈现多层级关系图(二)

上一篇里我们用TWaver制作了一个公司内部的流程图,这一弹,我们来研究如何呈现出公司内部门和员工间的关系网图。先来看看效果: 例子中我们展示的是各部门员工之间的复杂关系图。在公司内部,不仅部门内部员工之间发生着关系往来,部门和部门之间的员工也在发生这各种往来关系。如果你还是用原先的那种表格来呈...

2015-05-04 18:04:58

阅读数 5014

评论数 0

数字图像处理技术在TWaver可视化中的应用

数字图像处理(Digital Image Processing)又称为计算机图像处理,它是指将图像信号转换成数字信号并利用计算机对其进行处理的过程。常用的图像处理方法有图像增强、复原、编码、压缩等,数字图像处理应用领域非常广泛。具体关于数字图像处理的介绍可以参考书籍《冈萨雷斯 数字图像处理》。 T...

2015-04-16 14:26:48

阅读数 2222

评论数 0

TWaver GIS制作穹顶之下的雾霾地图

“我不满意,我不想等待,我也不再推诿,我要站出来做一点什么。我要做的事,就在此时,就在此刻,就在此地,就在此生”。自离职央视后,沉寂许久的知名记者、主持人柴静昨日携个人视频新作 《穹顶之下》宣告归来,并在短时间内引起广泛关注。生活在这个地球上,空气质量的好坏决定这我们的健康,每个人都希望能够呼吸新...

2015-03-18 14:23:16

阅读数 2597

评论数 0

TWaver HTML5之树形布局

今天是春节后上班的第三天,给大家分享一下我们前段时间的一个需求,需求是这样的:界面中的网元分为不同的域,比如一级域,二级域,三级域,….N级域,而且不同域之间会有连线。对于这个需求,按照常规的想法,使用group岂不是很简单,一级域是一个group,二级域也是一个group,二级域的group是一...

2015-03-11 10:47:05

阅读数 3939

评论数 0

在TWaver的Tree节点上画线

论坛上有同学提出如何在tree上画引导线,之前我们Flex已经实现此功能,现在最新版的HTML5也将添加此功能。先看看效果吧。

2015-01-13 10:25:12

阅读数 1173

评论数 0

TWaver版3D化学元素周期表

技术上来说,用TWaver 3D来做的思路略有不同。最开始网上这个程序是使用HTML5、CSS3、WebGL、THREE.js、TWEEN.js等技术做的。使用TWaver就不用这么麻烦了,直接一个mono.js就差不多搞定了。技术上依旧是WebGL+js,但没有使用CSS3和其他框架。效果和效率...

2014-07-14 10:12:53

阅读数 4257

评论数 0

为TWaver HTML5的Tree组件增加鼠标滑过效果

出于效率和保持js库最小化的考虑,TWaver HTML5的Tree组件默认的交互方式比较单调,目前只有选中改变文字背景;但是这不代表TWaver功能不够强大,相反,TWaver预留了很多可以重载的方法方便我们扩展,本文中我们就利用这些方法实现鼠标滑过改变背景色的效果。 先来张gif图片看看效果...

2012-11-28 16:08:49

阅读数 1083

评论数 0

TWaver HTML5 on Microsoft Surface RT

公司新入了一台Surface RT(64G,高配啊,再看看我那乞丐版的IPad2,内牛满面...),测试了下TWaver HTML5运行良好,废话不多说,上照片视频: 优酷视频: http://v.youku.com/v_show/id_XNDc3MTI4Nzky.html 论坛...

2012-11-21 15:43:58

阅读数 907

评论数 0

TWaver HTML5 继承结构和成员说明

JavaScript是一门动态语言,但是面向对象的特征没有Java那么明显,导致我们开发起来非常不习惯。拿继承来说,Java中有专门的extends和implements关键字实现,但是在JavaScript却引入了一个"别扭的"prototype,而且实现方式有很多种,虽然灵...

2012-11-19 10:18:44

阅读数 1166

评论数 0

用TWaver HTML5定制五彩斑斓的链路

最近有客户提到自定义链路的需求,个人感觉非常有代表意义,现在共享出来给大家参考一下。先来看看需求: 链路要分成两半,用两种颜色填充。填充百分比在不同值域时,用不同颜色。显示刻度有个开关,可以控制链路变短,变短后,链路只画开始和结束部分(相当于原始链路的缩影),中间不画如果有多条链路,链路合并...

2012-07-17 16:28:48

阅读数 1965

评论数 0

提示
确定要删除当前文章?
取消 删除