html5数据可视化模板_高颜值四色大屏数据可视化模板适用于各行业

高颜值大屏来了用酷屏制作,内含多个自定义组件从页面解析、特效到脚本实现.

好看的图表离不开配色,好看的大屏可视化更离不开配色,今天给大家分享4种颜色大屏模板,绝美配色 直接套用。

一、页面一览
本次带来的分享是三种色系的大屏应用,来开篇我们先来了解下这三种色彩的应用,以及不同色彩会给人带来什么样的感觉吧~
【金色大屏】
金色当然超级适合听起来就多金的银行、租赁等金融相关行业,不仅给人简约利落的质感,也让人觉得高贵、精致。

55e565d6fdd9ae3536bbfd304c50a055.png

【蓝色大屏】
蓝色是可视化大屏常用色,常用于公安、互联网、制造等多个行业,属于大众色,无论咋用都没错。既给人科技感,也不乏高雅品位。
e2dcb24f46a4a347fe0713b1682538a7.png

【紫色大屏】
属于胆大的一种颜色,适合打造张扬的大屏,一般应用在新零售、电商、交通等行业,在大屏制作时,需考虑高明度、高饱和度等因素。
2d5b96e95752319b0e32b894f2aa0ca1.png

注:色彩应用引用【亿信官微】,想要了解更多,请戳这里。 二、页面分析
1、整体框架

主题表:全部报表都使用rand()函数产生随机数。

页面结构:固定分辨率,自定义布局

2、模块详解

2.1 金色大屏

此大屏是为金融行业专属打造的,展示企业的资金应用情况。

1)主视觉

通过地图的方式,清晰展现各地,资金投放的情况。并且采用自动切换的方式,动态展示各大省的资金投放的情况。

再加上2个核心指标,当日投放总额、已立项未投放额,展示全国一个大致概览状况。

2)投放比例

通过2个环形图的方式,直观展现资金投放情况的同比、环比,来监测资金投放情况。

3)当日地区排名

通过【光感旋转排名】组件,把资金投放最多的TOP5地区呈现出来。

4)当日资金投放比

通过【环形刻度占比】组件,把投放费用比、逾期率直观的展现出来。

5)投放额&回款额&逾期率趋势

分别通过【面积图】【锥形图】【柱状图】三种不同的形式,呈现指标的波动情况

2.2 蓝色大屏

1)主视觉

突出展示案件数量,然后环饼的形式,清晰的展现各类案件的数量和和占比。

以及参与纠纷人员的数字画像,分别从男女占比,年龄段构成、文化水平构成三个维度进行分析。。

2)湖北省资源统计

通过地图方式展现各地市的情况概览,指标卡的形式展现核心指标。

3)队伍建设情况

通过多系列环形图,展现团队人员在职情况,年龄,文化水准的构成。

4)案件趋势

通过柱状图的形式,情况对比全年的案件数量情况

5)案件类型排名

通过条形图的方式,降序排序。清晰了解湖北省个各地市的案件数量。

2.3 紫色大屏

1)主视觉

通过圆环的形式,展现要粤通宝的总发行量,以及各大客车和货车的占比

2)xx产品的日趋势

通过双系列线状图的形式展现各产品不同版的对比趋势,分析各大产品的销售情况。

3)各渠道受理情况

通过占比图的形式,展现各渠道的受理数量和占比

4)其他

其他模块与上面类似,采用的表现形式与上方一致,不赘述。

三、文件资源

1、报表资源

24b9da8e607b8b8f80f6952014ed9837.png

说明:直接在主题集下导入分析表即可,内含图片资源

2、组件资源

在对应酷屏模板模板中,导入组件资源

cded59b9631664f0f8e39f3c67d56aa6.png

从页面解析、特效到脚本实现重要的是所有资源免 费 送,模版下载地址和制作方式,在亿信社区搜索 三色大屏模板 就能找到。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值