10个冷门炫酷的动态效果,大厂的可视化报告就应该这么做

boyanx4周前技术教程6

“如果你的‘花架子’不行,就算你工作做得再好,也一样没用。”

最近跟几个在百度大厂里做可视化工程师的朋友聊天,发现他们跟我们做产品的程序员在思考问题上的确不一样,其中让我感受最深的就是上面那句话。

后面朋友跟我解释,这里的“花架子”其实就是他们平日里要做的可视化需求,比如产品UI设计、可视化报表、可视化大屏等:

不得不说,大公司做出来的可视化大屏就是炫酷上档次,也很符合百度这些头部大厂的气质和身份;

而朋友说这些还只是初级作品,可视化工程的天花板非常之高,但是对于小公司来说,也同样有捷径可以走。

于是在我的死缠烂打之外,朋友才跟我分享了一些性价比较高的可视化方法:

1、Excel自带的统计效果图,最简单、普通也是很实用的工具,想要实现出较好的可视化效果,需要配合VBA这种语言来实现。

VBA对于我们程序员来说当然不算什么复杂的语言,但是也是会消耗我们的时间成本的,所以这个方法被我pass掉了。

2、通过R、python这种编程语言和图表包去实现,这是数据分析师的必备技能,但是我总觉得里面还是不能实现非常炫酷的动态效果:

3、用Echarts等开源的可视化插件,或者像FineReport这种专业的报表可视化工具,这种方式其实

下面给大家整理的10种图表特效,已经全部打包好了,想要的直接划到评论就行了。

1、万花筒图表

FineReport 丰富的图表功能可以实现各式各样的可视化展示效果,但面对一些复杂的、需要设计工具或编程语言实现的高级图形,也可以借助图表间的组合,实现出类似的效果,比如万花筒效果。

2、动态轮播图

当数据源中包含分类、系列和时间维度时,希望按照时间从小到大依次轮播图表数据,如下图所示:

3、动态折线图

折线图预览时,有时不需要将全部内容展示出来,而是随着时间维度的递增,依次展现。如下图所示:

4、三维地图

5、水球图

水球图是填充仪表盘的一种,适合于展现单个百分比数据的图表类型。

6、轮播点图

该图表适用于大屏场景,可用于轮播展示多个百分比数据,也可以用于实时监测百分比数据变化,例如实时监控 cpu 和内存运行占比。

7、时间齿轮

时间齿轮是一个动态的齿轮式样,图表面板中央展示系统当前的实时时间,一般用于大屏场景展示:

8、轮播指标图

当只有一两项重要数据需要展示时,指标卡是绝佳的沟通方式。扩展图表插件提供的轮播 KPI 指标卡分为电子和闪烁两种,效果分别如下图所示:

9、弧形柱形图

弧形柱形图属于柱形图的一种形式变换,本质上乃是柱形图由笛卡尔坐标系转化为极坐标之后的产物。

10、轮播目标齿轮

轮播目录齿轮同时拥有齿轮和目录效果,通过轮播的方式展示重要的指标数据,一般用于大屏场景展示

打包好的模板看下面拿!

标签: 轮播图插件

相关文章

轻松达成4K160帧,威联通NAS补帧教程丨调用第三方开启超分和补帧

前言大家好,我是加勒比考斯。技术的进步为我们带来了前所未有的视听体验,从过去的标清视频到4K流媒体,如今很多人都开始用上了4k甚至高刷显示器,但是以前的各类视频却没能跟上脚步,看着硬盘里1080p24...

Keen-Slider - 给你丝滑体验的滑动轮播插件

在为你的网站主页找一个滑动轮播的插件吗?觉得框架自带的太难看了吗?或许你还想要一个炫酷的日期选择器?Keen-slider,这个对滑动特别有研究的前端插件,就能满足你的需求。简介Keen-slider...

吐血推荐6款高效办公可视化工具,保证你做出酷炫的报表

小编最经常的工作是将一些项目的数据从数据库导出,然后分门别类的列到excel表格中,领导看起来眼花缭乱。小编想,要是能以图表可视化展现出来,领导就可以看到项目近几个月的走势,也知道之后要怎么决策了。小...

DataV - 免费开源的 Vue / React 大屏数据展示组件库

最近有粉丝留言说想找一款数据大屏组件,这篇文章推荐的这款还不错, Vue / React 都可以用。关于 DataVDataV 是一款基于 Vue 开发的数据可视化组件库,主要用于开发大屏数据展示页面...

swiper在vue中正确的使用方法

swiper是网页中非常强大的一款轮播插件,说是轮播插件都不恰当,因为它能做的事情太多了,swiper在vue下也是能用的,需要依赖专门的vue-swiper插件,因为vue是没有操作dom的逻辑的,...

做了N+1个企业项目之后,我总结了这些React必备插件

为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件.1. 状态管理ReduxJavaScript 状态容器,提供可预测化的状态管理MobX 通过函...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。