基于WebGL的三维数据可视化大屏开发流 ThingJS

三维数据大屏可视化系统包含多源数据连接、生成二维/三维视图、构建可视化大屏、大屏功能应用等一体化服务,基于多年可视化项目经验,ThingJS平台得出从数据源上传到可视化大屏应用的完整流程,供参考。

(1) 多源数据连接功能

系统提供对数据的多种连接方式,包括:多种数据库数据源连接、实时数据表和静态文件数据源,具体可查看数据文件列表页。

(2) 可视化视图构建功能之图形展现

可视化大屏提供丰富的二维及三维图形展现, 平面图表是常见的视图元素。界面侧边栏提供应有尽有的可视化视图列表,包含了太阳图、柱状图、饼图、玫瑰图、折线图、雷达图、静态和动态地图、环状图、文本标签云等常用图形。用户点击可视化视图选项后,系统会进行视图类型与数据结构匹配。

登录ThingJS在线平台,点击上方菜单栏的“图表”图标,由charterbuilder提供二维图表模板(即将接入阿里云dataV全模板),囊括了关系、柱形、热力图、仪表盘等常用的可视化监控图形,VIP用户有更丰富的样式选择。

可视化大屏的城市地理数据以2D/3D的视角呈现,火柴盒一样堆在地图上的三维效果不再吸睛,三维城市模型有更高级的表现形式,外形栩栩如生,连路边的绿化带都清晰可见,这正是thingjs的可视化开发业务。

ThingJS可视化组件支持模型导入、场景搭建和可视化增效,基于CityBuilder+ThingDepot+3D源码二次开发轻松实现:

1. 城市级场景搭建工具CityBuilder操作简单,利用可视化组件设置参数和交互动画;

2. 3D场景搭建完成后,在线接入ThingJS开发平台进行代码调试;

3. 基于完整3D源码开发更炫酷的效果;

4. ThingDepot提供海量甄选3D模型,避免重复建模!

ThingJS内部可视化开发流程

(3) 可视化大屏构建功能之模板选择

构建可视化大屏时提供不同的大屏版式选择,如dataV提供智慧城市、智慧交通、安全监控、商业智能等场景模板,所需要的数据分析维度各具特色,满足各行各业的业务需求。一切基于可视化组件进行操作,单击每个子图,直接操作每类图形的可配置项。

(4) 可视化大屏应用功能

可视化大屏应用层包括实时大屏、轮播展示和在线访问等功能。

应用功能的主要作用是对已构建完成可视化大屏,提供进一步的大屏应用服务,使得系统不再仅限于对可视化大屏的查看、更新、删除和重命名等管理操作。主要应用服务为:

  1. 1. 实时大屏。系统采用订阅发布者模式,设计实时数据字典及订阅者信息管理字典,实现数据可视化视图对实时数据的及时响应,从而实现实时大屏。

2. 大屏轮播。用户可自定义轮播大屏数目、轮播间隔和期望轮播大屏配置完成后,可实现大屏轮播展示功能。系统采用延迟加载的设计,降低首屏时间提高用户体验。

3. 大屏嵌入。系统发布生成可访问的URL,用户可通过 iframe标签在其他应用中直接呈现,用于在线演示。

某指挥中心的大屏可视化应用

系统中的构建层位于应用层之下,主要实现可视化大屏的构建功能,其主要作用是通过一系列界面操作,生成完整美观的可视化大屏!ThingJS在线平台聚焦于城市大屏可视化应用构建,利用dataV、Echarts api接口进行优化配置,开放性强,自由定制自己想要的大屏应用效果!

(0)

相关推荐

  • 阿里、网易、百度、腾讯…出品的13个网站,让你点点鼠标,就能做出炫酷图表!

    助友们好,我是秋叶家的助攻姐,专注解决你的学习.生活.职场问题! 最近有同学问我: 如果能在 Excel 或者 PPT 中,也用图表进行汇报,岂不是特别炫酷? 然鹅新闻中的图片往往是 PS 等专业设计 ...

  • 胖·师说|什么是信息图(Infographics)(三)

    连续两天的信息图发展历史介绍之后,今天开始我们来聊聊现代信息图的基本特质和类型分类. 胖·师说|什么是信息图(Infographics)(一) 胖·师说|什么是信息图(Infographics)(二) ...

  • 在线免费制图,搭建地图导航!这款SaaS工具值得PICK!

    GIS前沿 昨天 以下文章来源于蜂鸟视图 ,作者小蜂 蜂鸟视图可视化智能管理及物联网解决方案提供商,为您优化管理流程,降本增效 企业数字化转型需要经历「线上化」「数据化」「智能化」三个阶段,一般来说企 ...

  • 把可视化放到年终报告里,到底有多赞?

    "小张啊,年底了,要对过去一年的事情做个总结了,你个人做了什么,为企业做了什么,企业的数据上有哪些增长,我希望你能以新颖的形式汇报出来." 新颖的方式?我想了半天,只想到了可视化大 ...

  • 掌握四点就能做好数据可视化大屏!

    数据的变化,往往能够真实地反映出显著的变化.而在展馆中运用数据可视化大屏展示企业数据,真实.客观地让用户了解到企业的发展变化,让更多用户信任企业,从而提高企业的知名度. 展馆中若是想要做出好的数据可视 ...

  • 20个炫酷的数据可视化大屏

    导读:今天给大家推荐一篇关于数据可视化大屏的文章,内容由本文作者 小F 整理,希望大家喜欢. 随着大数据的发展,可视化大屏在各行各业得到越来越广泛的应用. 可视化大屏不再只是电影里奇幻的画面,而是被实 ...

  • 数字化转型工具-数据可视化大屏

    数字化的时代,我们的生产生活时时刻刻都被数据记录着,如今数据可视化的实现效果非常频繁的应用就是数据大屏了.数字大屏作为数字化转型的重要工具可以帮助用户从数据中抽取关键点,帮助用户优化业务,从而快速的识 ...

  • 了解这15个图表类型,搞定金融数据可视化大屏(2)

    这两天早晨的街上终于见到了久违的送孩子上学的盛景,按说往年自是惯常的,今年却也能理解的"新鲜".今年的"开学季"就显得感概了一些.现在互联网时代,人们遇事总是要 ...

  • 数据可视化大屏不得不说的设计奥秘——交互动效

    田中达也(Tanaka Tatsuya)创作了一系列制作精巧而脑洞巨大的摄影作品,仿佛被赋予了新的生命坚持十年在ins上每天做一个微型模型日历大家觉得爱好成为工作会怎么样?是的,田中达也也因为这个爱好 ...

  • 知乎万赞回答:什么工具能做可视化大屏,还能做数据地图?

    好多人跟我说vue.python.Pyecharts做可视化大屏,绝对有一套. GIF 我看了一下,其实一般般,就像我在问答里说的那样,门槛不低,基本上是程序员在做. 现在对于可视化的要求,大屏是一方 ...

  • 基于Pyecharts可视化大屏案例一(3)

    上两篇文章<基于Pyecharts可视化大屏案例一(1)><基于Pyecharts可视化大屏案例一(2)>已经为大家详细展示了大屏大致的制作过程以及可视化大屏的布局,接下来继续 ...

  • 教你快速制作一款高级的可视化大屏

    可视化大屏成了最近两年最火爆的需求,一方面甲方公司都想做炫酷的可视化大屏,来用作公司数据展示,还有些特殊行业如交通.运输.工厂制造,会做更高级的3D建模等. 另一方面市场上有很多厂商都声称能够做大屏, ...

  • 《可视化大屏白皮书1.0》出炉!关于帆软可视化大屏,你想知道的都在这!

    以下为<帆软可视化大屏白皮书1.0>部分内容,全文下载请直接下滑至文末: 一.什么是大屏 大屏,是以大屏幕为载体进行可视化展示的统称.可视化通常被理解为一个制作图表.生成图形图像的简单过程 ...