数据中台数据中台
申请试用
新闻动态
了解袋鼠云最新动态
新闻动态>「3D可视化大屏」企业如何建设数字化大屏?>
「3D可视化大屏」企业如何建设数字化大屏?
2021330|文章来源:-

「3D可视化大屏」企业如何建设数字化大屏?一提到可视化,很多人首先想到的肯定是大屏幕。从我身边很多从事可视化的朋友来看,越来越多的公司把可视化大屏幕作为企业数据展示的先进手段和外部平台,让这些做大屏幕的人受苦,甚至导致很多IT人最怕听到老板的一句话:给我做一个高端大气的可视化大屏幕!

事实上,可视化大屏幕不仅仅是一种科技感,它在视觉上美观炫酷,与数据相匹配,更重要的是突出重点数据,达到美观与实用共存的效果。以前也曾在一个团队中为公司做过可视化大屏幕,经过与需求方的不断交涉、修改,最后做了几个比较满意的大屏幕:
这种大屏幕不仅具有高端的科技感,而且经过多次布局设计和修改,这次大屏幕效果在行业内部交流过程中反响良好,在这次大屏幕开发过程中,我也总结了一些独特的大屏幕技术。
先说说我们制作大屏幕所用的工具——袋鼠云,是采用最新的可视化大屏幕图表,默认采用深色背景+荧光配色,非常符合大屏幕的浸入式体验;并且可以根据图表类型和数据要求,提供轮播或刷新两种动画形式,可以满足不同场景下的业务需求。
与此同时袋鼠云的厉害之处,在于它基于webgl等技术,不断优化和调整动画,可以让做出来的效果更简洁炫酷。
没有编程,你就做不出漂亮的可视化大屏幕?
大屏幕的设计主要分为两部分,一部分是数据指标的选择,另一部分是与这些指标相对应的部件的使用。
没有编程,你就做不出漂亮的可视化大屏幕?
在这些指标中,我们首先要明确哪些:
比率指标:指两个值相去除的指标,如销售完成率、产品达标率等。
时间序列指标:指按时间粒度排序的指标,如月销售统计等。
总数类指标:表现形式为总数,如销售总额、用户总数等。
文字类别指标:此类别是用纯文字显示的指标,如词云图、人员名单等。
子部分布类指标:这种指标是指根据不同地区、不同分支机构、不同产品线等子部分展示的主要指标,如地图分支机构的销售分布图。
明确指标后,选择这些指标对应的部件,一般遵循以下原则
1.大屏幕指标应为8-12。
没有编程,你就做不出漂亮的可视化大屏幕?
大屏幕上的显示空间是有限的,我们不能把所有的数据都堆在大屏幕上,领导想看的也只是一些关键数据,因为大屏幕上的指标数最好在8到12个之间,这也是数据指标数的主流配置,这个数字时,大屏幕整体看起来不空也不挤。
如果不到8个,大屏幕就会显得空旷,而且不经济;如果不到12个,那么多的数据指标就会挤在一个大屏幕上,要做到井井有条,确实很考验设计师的功力。
但如果数据指标真的很多,实在是无法删除,那么我建议使用报表块,把这些数据整合起来。通过这种方式,多个数据指标可以显示在一份报告中,不需要占用太多空间。例如,以下是:
没有编程,你就做不出漂亮的可视化大屏幕?
2、比率类、数字类和子部分分布类指标合理配置比率类、数字共计类和子部分布类指标就像食物中的碳水化合物、脂肪和蛋白质,保证摄取量和营养均衡。
比率、数字总和子部分布三种指标几乎必然出现在每个大屏幕上,出现的次数也很多,次数分布也比较均匀。原因如下:
一般来说,大屏幕需要数字总指标,通常是核心指标,以便领导知道核心指标目前的总体情况。然而,仅一个数字不能反映当前指标的完成情况,因此也需要一个比率指标,这反映了一些比例。
没有编程,你就做不出漂亮的可视化大屏幕?
此外,比例只能反映一个比例。要了解总类指标各部分的具体情况,还需要子部分分布类指标,如用地图显示全国营业额中各地区的营业额。
因此大家要善用这三类指标,都要有,而且数量要均衡。
时间序列指标,文字指标不可过量。
时间序列指数和文字指数就像食物中的微量元素,是必须摄入的营养,但不能过量。
至于文字类指标,因为领导看大屏幕就是想摆脱传统的表格类报表,如果大屏幕上还有很多报表,领导肯定会生气。
没有编程,你就做不出漂亮的可视化大屏幕?
而且时间序列指标的出现概率甚至与数字总类指标相同,这是因为时间序列指标能够反映出某一数据随时间而变化的趋势,这是非常直观和有意义的。然而,尽管我们可以通过季度、月度和日期等不同的粒度来显示一个数据指标,但这并无意义,选择最合适的粒度就好了,多了就没必要了。
高频组件应尽量减少重复。
报告块、饼图、柱形图、仪表盘、折线图、条形图、地图等组件出现频率非常高,可以说是大屏幕图表组件中的常规武器。
许多同学可能觉得这些部件大家都用烂了,这有什么好说的啊?
原来我也是这么想的,但看了这些经典的大屏幕之后,我发现自己还是tooyoung,toosimple!本来这些常见的组件也可以千变万化,玩花,比如地图就是这样:
难道不能做出漂亮的可视化大屏幕吗?
其它组合图、饼图、折线图等也有很多千变万化的玩法,大家在以后做大屏的时候可以多尝试改变一种风格,可能会有意想不到的效果哦。
5.使用3D效果。
以设计者设计的图片为背景,拓宽图表样式,达到3D柱形图、3D圆环图等效果,设计者设计定制图片,图片为具有一定特效的图表,将数据去除。
或通过上述报表块叠加,将图片作为底层背景,上层叠加数据,可实现自制图表效果。
6.定制地图。
通过定制图像作为地图背景,重新描绘json文件,实现地图的3D倾斜效果。
设计者设计定制地图,输出地图图片(最好压缩到1M以内,否则加载太慢)
设计者点击服务器->地图数据,进入地图编辑页面,自定义地图,放入压缩图片。
根据实际业务,根据实际业务情况进行描点(可根据省描或大区描)
保存json文件,重启设计器,在地图层中选择定制地图。
没有编程,你就做不出漂亮的可视化大屏幕?
「3D可视化大屏」企业如何建设数字化大屏?一提到可视化,很多人首先想到的肯定是大屏幕。从我身边很多从事可视化的朋友来看,越来越多的公司把可视化大屏幕作为企业数据展示的先进手段和外部平台,让这些做大屏幕的人受苦,甚至导致很多IT人最怕听到老板的一句话:给我做一个高端大气的可视化大屏幕!事实上,大屏幕的设计一方面需要不断积累经验,另一方面也需要善用大屏幕工具,一个好的可视化工具可以让你做大屏幕来得心应手,就像我这次使用的完全不涉及编程,换成数据小白也能做出高端大气的大屏幕。

免费试用袋鼠云数字化基础软件,开启企业数字化增长之旅
免费试用袋鼠云数字化基础软件,开启企业数字化增长之旅
袋鼠云立体IP
在线咨询
在线咨询
电话咨询
电话咨询
微信社群
微信社群
资料下载
资料下载
返回顶部
返回顶部