对于数据分析师来说,可视化可能是最能表现自己工作价值的一个途径,因为领导喜欢看这种直观的、炫酷的、具有科技感的可视化大屏,我们也能把数据分析结果直接展示给领导,比一份纸面报告要强不知多少倍!
那么领导到底想要看什么样的可视化呢?比如类似于这样的:
最近我就在给公司设计一个类似上图所展示的数据可视化大屏,这个大屏的主要目的是把当前产品中的一些数据及其分析结果通过可视化的方式展示出来,像阿里、京东、帆软内部都有这样的大屏产品,我特意做了一些调研,趁此机会在这里给大家分享一些经验,方便大家进行类似产品的设计。
怎么做出好看的可视化?
数据可视化
说起来很高大上,其实包括的范围很广,做个PPT里边放上数据图表也可以算是数据可视化,做出高大上的数据大屏来也是可视化,这已经成为了很多行业的通用技能。
对于初级数据分析师,能用Excel和PPT做出基本的图表和报告,能清楚的展示数据,就达到目标了;而对于高级数据分析师,需要探寻更好的数据可视化方法,使用更有效的数据可视化工具,如可视化工具python、BI等,根据实际需求做出或简单或复杂的数据可视化内容。
而可视化大屏看起来很酷炫,其实逻辑本身并不复杂,主要就是按照一定规则对数据进行计算并展示;
在这个过程中,遇到最大的问题是
数据以什么形式进行可视化展示
。
可能会有人问了,这些柱状图、饼状图、环状图、地图等等不是很常见吗?我们在平时使用产品的时候也会经常看到,比如支付宝每年的账单,就会用图文并茂的方式告诉我们,过去一年自己是怎么败家的;
其实看起来常见是一回事,可视化技术实现是另一回事,而这种数据可视化,不同于普通页面的设计,设计中最大的不确定性就在于要考虑技术想怎么实现,而不是自己想怎么设计。毕竟产品的搭建是一个工程,而不是艺术,产品经理不能像艺术家一样去发挥想象去设计,怎么炫酷怎么来。
也就是说,我们设计的图形图表,要开发能够实现
。实际工作中,一些可视化效果开发用代码写很容易实现,效果也不错,但这些效果设计师用 Ps / Ai / Ae 这些工具模拟时会发现比较困难。
同样的,某些效果设计师用设计工具可以轻易实现,但开发要用代码落地却非常困难。所以在大屏设计中跟开发常沟通非常重要,我们需要明确哪些地方设计师可以尽情发挥,哪些地方需要谨慎设计。
因为大屏一般也没有数据分析的难度,主要是美观可视、对于大数据量的性能支撑。但即使是这两项要求,开发人员就要累吐血,而用报表或者BI来开发的话,操作上只要地层数据平台搭建好,前端从数据采集、数据整合、可视化制作都一气呵成。
对于数据可视化展示的方案,我了解了一下,目前市场上能解决的方案非常多,国内国外,收费免费的都有,但是免费又功能强大,稳定且能保持持续迭代的产品不多,这里给大家推荐三款国产的工具,保证能解决90%以上的数据可视化大屏展示需求。
ECharts
这是脱胎于百度一个数据可视化解决方案,包括折线图,饼状图,柱状图,热力图等36类上百种可视化样式,简单来说呢它就是一个商业级数据图表,一个纯JavaScript的图标库,部分示例如下:
优点是免费而且原生全中文,支持开源,相对于其他开源的图库,文档算是其中比较详细的,做出来的效果也比较酷炫;但是如果是开发商业项目的,或者项目时间比较紧的,需要快速出成果的,出demo建议使用国外的Highchart。
阿里云DataV
DataV 最著名的一个应用项目应该就是天猫双11的数据大屏了,每一年都惊艳了无数聚焦于双11活动的人们,2018 年的双11数据大屏设计更是被称为数据经济时代的全球清明上河图。
同样的,DataV 也提供了一个编辑平台,连该平台本身的界面设计也充满了未来科技感,可以根据模板新建,也可以新建空白页面。基本操作模式与 Suger类似,设计师先建立画面,后开发进行数据源的接入。编辑界面的操作难度也不高,稍微了解一下,就可以快速入手。
上面两个工具比较专业,学习成本和难度都是相当大的。那么有没有适合完全新手的
可视化工具
,只需要几分钟就能够上手,而且做出的效果既炫酷又实用的呢?当然有,比如FineReport。
它可以用来做实时大屏的可视化,本身直连数据库,主要优点是使用起来很简单,而且内置的图表元素也比较丰富,只需在B/S端拖拽目标数据、相关维度,就能得到从不同维度分析的结果,统开发的定制化程度降低了不少,我们维护起来也比较简单。
作为数据分析师,我们在使用这些图表的时候,主要用途是进行前期的技术可行性调研和产品展示样式的设计参考,使用的时候首先基于业务目标,想象一下自己的图表要设计成什么样式,然后再配合这几个工具,看一下官方的图表示例,看看这些示例的样式能否满足自己的设计,如果不能的话,看看这些示例中有哪些图可以代替自己的设计方案,调研完成并设计好方案,最后把一切交给技术就可以了。
对于数据分析师来说,可视化可能是最能表现自己工作价值的一个途径,因为领导喜欢看这种直观的、炫酷的、具有科技感的可视化大屏,我们也能把数据分析结果直接展示给领导,比一份纸面报告要强不知多少倍!那么领导到底想要看什么样的可视化呢?比如类似于这样的:最近我就在给公司设计一个类似上图所展示的数据可视化大屏,这个大屏的主要目的是把当前产品中的一些数据及其分析结果通过可视化的方式展示出来,像阿里、...
数据
监控是有效且及时的反馈出
数据
异常的一种手段,通过对
数据
的监控去观察各业务情况是否异常,进而分析
数据
。一旦监控到
数据
异常,系统通过在百度
数据可视化
Sugar BI可视化页面“高亮”展现或者以邮件等方式提醒相关业务人员的行为统称为
数据
预警。
DataV
数据可视化
是搭建每年天猫双十一作战
大屏
的幕后功臣,ECharts 是广受
数据可视化
从业者推崇的开源图表库。从今天开始,DataV 企业版接入了 ECharts 图表组件,当你使用 DataV 搭建可视化项目时,可以轻松地插入 ECharts,这意味着更丰富多样的图表效果,也让编程小白们可以通过图形界面而非代码配置 ECharts。
DataV...
其实可视化
大屏
这几年都很流行,像智慧城市建设、交通物流、零售
数据
、
实时
监控等各行各业都开始用
大屏
来进行
数据
展示,相比于传统的Excel报表,超
大屏
幕、炫酷效果的
大屏
能让
数据
展现更加美观、直观和易于接受。
如何制作
大屏
?
可能很多人看到
大屏
作品之后
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
大数据
可视化
大屏
前端源码
Echarts的
大屏
数据可视化
集合
数据可视化
集合案例源码,包含会议展览、业务监控、风险预警、
数据分析
展示等多种展示
需求
可视化集合。(75+24套)
数据可视化
集合,75套
数据可视化
源码,24套
数据可视化
源码。Echarts的
数据可视化
集合案例源码,包含会议展览、业务监控、风险预警、
数据分析
展示等多种展示
需求
可视化集合。(75+24套)
数据可视化
集合,75套
数据可视化
源码,24套
数据可视化
源码。Echarts的
数据可视化
集合案例源码,包含会议展览、业务监控、风险预警、
数据分析
展示等多种展示
需求
可视化集合。(75+24套)
数据可视化
集合,75套
数据可视化
源码,24套
数据可视化
源码。Echarts的
数据可视化
集合案例源码,包含会议展览、业务监控、风险预警、
数据分析
展示等多种展示
需求
可视化集合。(75+24套)
数据可视化
集合,75套
数据可视化
源码,24套
数据可视化
源码。Echarts的
数据可视化
集合案例源码,包含会议展览、业务监控、风险预警、
数据分析
展示等多种展示
需求
可视化集合。(75+24套)
数据可视化
集合,75套
数据可视化
源码,24套
数据可视化
源码。
大屏
数据可视化
集合源码案例
Echarts是一款用于
数据可视化
的JavaScript库,它能够帮助用户快速地将
数据
转化为图像,并提供丰富的交互功能,使得
数据
更加生动、直观、易于理解。同时,Echarts也支持在
大屏
中使用,可以呈现更加大尺寸、更加复杂、更加直观的
数据可视化
作品。
在使用Echarts进行
大屏
数据可视化
设计时,需要根据具体的业务场景和
数据
特点进行设计。一般来说,可以采用以下几个步骤:
1. 确定设计的目的和意义:明确
数据可视化
大屏
的功能和意义,例如监控生产进度、分析销售趋势、展示行业地图等等。
2. 收集和整理
数据
:收集需要展示的各种
数据
,例如销售额、产量、人均收入等等。同时,需要根据
数据
特点进行整理和分类,以便后续的
数据可视化
处理。
3. 设计图表形式和排版布局:根据
数据
的特点,选择合适的图表形式,例如折线图、饼图、柱状图、热力图等等。同时,需要进行布局设计,将图表和
数据
信息有机地结合起来。
4. 编写代码实现可视化效果:借助Echarts库提供的API,编写JavaScript代码实现可视化效果。需要注意的是,在代码编写的过程中要结合具体的
数据
进行调整和优化,以达到最好的展示效果。
5. 测试和调整:完成代码编写后,需要进行测试和调整,确保
数据可视化
呈现的效果得到最佳的展现效果。
6. 部署和维护:完成
数据可视化
大屏
的设计后,需要进行部署和维护。例如将其部署到远程服务器上,以便多种终端进行访问,同时需要及时更新
数据
和维护
数据可视化
作品的性能稳定性。