帆软大屏2.0企业制作

数字化观点中心

/

当前页

如何从0-1制作数据大屏,我用大白话给你解释清楚了

文 | 商业智能BI相关文章 阅读次数:18,192 次浏览

2023-06-08 11:51:49

好莱坞大片《摩天营救》中有这么一个场景:

你可以看见反派大boss在屏幕上随便点点,就能看到每个角落的具体情况,不禁让人惊呼:满满的高科技!

其实这背后就是咱们今天要讲的数据可视化:把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段,数据可视化是为了使用户快速读懂数据背后的含义。

像电影里的这种叫做大屏数据可视化,也是可视化的一种,通过大屏为数据展示载体,特点是"大面积、炫酷动效、丰富色彩",并且在企业中有很多丰富的应用场景:

最近大师兄也刚接触了一个大屏项目,借此总结了一些可视化大屏制作经验与大家分享。文章写的比较细,请耐心阅读

可视化大屏从制作到最后的展现,一般包含这5个步骤:

需求调研

大屏布局

可视化设计

大屏调试

上线运营

1需求调研

这一阶段分为4个部分,是大屏上线前的准备。

1、硬件调研

大屏大屏,肯定得先有硬件,才能将数据展示出来。我们需要确定:大屏是否已买,大屏分辨率,大屏显卡所支持的分辨率输出,显卡是否支持自定义分辨率,HDMI 线支持的分辨率。

同时我们还要确定设计稿尺寸,既不能太大让人感觉突兀,也不能太小看不清数据指标。

数字化观点中心

/

当前页

如何从0-1制作数据大屏,我用大白话给你解释清楚了

文 | 商业智能BI相关文章 阅读次数:18,192 次浏览

2023-06-08 11:51:49

好莱坞大片《摩天营救》中有这么一个场景:

你可以看见反派大boss在屏幕上随便点点,就能看到每个角落的具体情况,不禁让人惊呼:满满的高科技!

其实这背后就是咱们今天要讲的数据可视化:把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段,数据可视化是为了使用户快速读懂数据背后的含义。

像电影里的这种叫做大屏数据可视化,也是可视化的一种,通过大屏为数据展示载体,特点是"大面积、炫酷动效、丰富色彩",并且在企业中有很多丰富的应用场景:

最近大师兄也刚接触了一个大屏项目,借此总结了一些可视化大屏制作经验与大家分享。文章写的比较细,请耐心阅读

可视化大屏从制作到最后的展现,一般包含这5个步骤:

需求调研

大屏布局

可视化设计

大屏调试

上线运营

1需求调研

这一阶段分为4个部分,是大屏上线前的准备。

1、硬件调研

大屏大屏,肯定得先有硬件,才能将数据展示出来。我们需要确定:大屏是否已买,大屏分辨率,大屏显卡所支持的分辨率输出,显卡是否支持自定义分辨率,HDMI 线支持的分辨率。

同时我们还要确定设计稿尺寸,既不能太大让人感觉突兀,也不能太小看不清数据指标。

2、业务需求调研

即大屏里要展示的内容是什么,和下面要讲的排版布局是分不开的。当然,为了最大化数据对业务帮助,我们要确定一些概括性词语,是对一组或者一系列数据的统称,也就是关键指标。

根据业务场景抽取关键指标

一般情况下,一个指标在大屏上独占一块区域,所以通过关键指标定义,我们就知道大屏上大概会显示哪些内容以及大屏会被分为几块。

确定关键指标后,根据业务需求拟定各个指标展示的优先级(主、次、辅)。

主:反应核心业务内容的

次:用于进一步阐述主要指标的

辅:主要指标的补充信息

确定可视化图表类型

确定关键指标之后,根据分析目标确定指标分析维度,可以从联系、分布、比较、构成四个角度去考虑我们想通过可视化表达什么样的信息,从而确定数据之间的关系

联系:数据之间的相关性

分布:指标里的数据主要集中在什么范围、表现出怎样的规律

比较:数据之间存在何种差异、差异主要体现在哪些方面

构成:指标里的数据都由哪几部分组成、每部分占比如何

然后就可以根据数据之间的关系选择相对应的展示图表,这边给一张图表选择指南:

3、数据质量调研

数据来源:填报、读业务库、读中间库

数据单位:单位、小数位

数据更新频率:实时、准实时

4、功能调研

包括很多:是否需要下钻、轮播、自定义地图、扩展图表等,就拿图表来举例吧,当确定了某个数据关系类型后,就可以根据该数据的使用场景查找出相对应的图表和使用建议,并在其中进行选择。

相关推荐
界面开发小八哥4 小时前
「实战应用」如何用图表控件SciChart WPF实现应用程序的DPI感知?
信息可视化·wpf·数据可视化·图表·scichart wpf·scichart
m0_748248655 小时前
解决前端笔记本电脑屏幕显示缩放比例125%、150%对页面大小的影响问题--数据可视化大屏
前端·信息可视化·电脑
晚夜微雨问海棠呀13 小时前
长沙景区数据分析项目实现
开发语言·python·信息可视化
qq_589568101 天前
数据可视化echarts学习笔记
学习·信息可视化·echarts
終不似少年遊*2 天前
pyecharts
python·信息可视化·数据分析·学习笔记·pyecharts·使用技巧
程序猿000001号2 天前
探索数据可视化的利器:Matplotlib
信息可视化·matplotlib
dundunmm2 天前
数据挖掘之认识数据
人工智能·机器学习·信息可视化·数据挖掘
江南野栀子3 天前
数据可视化-1. 折线图
信息可视化·数据挖掘·数据分析
drbool3 天前
AI驱动的数据分析:利用自然语言实现数据查询到可视化呈现
人工智能·信息可视化·数据分析
m0_748256143 天前
前端图表与数据可视化 - 2024 年实战与面试重点
前端·信息可视化·面试