tft每日頭條

 > 生活

 > 可視化設計入門

可視化設計入門

生活 更新时间:2025-01-12 05:02:41

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

最近跟幾個在百度大廠裡做可視化工程師的朋友聊天,發現他們跟我們做産品的程序員在思考問題上的确不一樣,其中讓我感受最深的就是上面那句話。

後面朋友跟我解釋,這裡的“花架子”其實就是他們平日裡要做的可視化需求,比如産品UI設計、可視化報表、可視化大屏等:

可視化設計入門(10個冷門炫酷的動态效果)1

不得不說,大公司做出來的可視化大屏就是炫酷上檔次,也很符合百度這些頭部大廠的氣質和身份;

而朋友說這些還隻是初級作品,可視化工程的天花闆非常之高,但是對于小公司來說,也同樣有捷徑可以走。

于是在我的死纏爛打之外,朋友才跟我分享了一些性價比較高的可視化方法:

1、Excel自帶的統計效果圖,最簡單、普通也是很實用的工具,想要實現出較好的可視化效果,需要配合VBA這種語言來實現。

可視化設計入門(10個冷門炫酷的動态效果)2

VBA對于我們程序員來說當然不算什麼複雜的語言,但是也是會消耗我們的時間成本的,所以這個方法被我pass掉了。

2、通過R、python這種編程語言和圖表包去實現,這是數據分析師的必備技能,但是我總覺得裡面還是不能實現非常炫酷的動态效果:

可視化設計入門(10個冷門炫酷的動态效果)3

3、用Echarts等開源的可視化插件,或者像FineReport這種專業的報表可視化工具,這種方式其實

下面給大家整理的10種圖表特效,已經全部打包好了,想要的直接劃到評論就行了。

1、萬花筒圖表

FineReport 豐富的圖表功能可以實現各式各樣的可視化展示效果,但面對一些複雜的、需要設計工具或編程語言實現的高級圖形,也可以借助圖表間的組合,實現出類似的效果,比如萬花筒效果。

可視化設計入門(10個冷門炫酷的動态效果)4

2、動态輪播圖

當數據源中包含分類、系列和時間維度時,希望按照時間從小到大依次輪播圖表數據,如下圖所示:

可視化設計入門(10個冷門炫酷的動态效果)5

3、動态折線圖

折線圖預覽時,有時不需要将全部内容展示出來,而是随着時間維度的遞增,依次展現。如下圖所示:

可視化設計入門(10個冷門炫酷的動态效果)6

4、三維地圖

可視化設計入門(10個冷門炫酷的動态效果)7

5、水球圖

水球圖是填充儀表盤的一種,适合于展現單個百分比數據的圖表類型。

可視化設計入門(10個冷門炫酷的動态效果)8

6、輪播點圖

該圖表适用于大屏場景,可用于輪播展示多個百分比數據,也可以用于實時監測百分比數據變化,例如實時監控 cpu 和内存運行占比。

可視化設計入門(10個冷門炫酷的動态效果)9

7、時間齒輪

時間齒輪是一個動态的齒輪式樣,圖表面闆中央展示系統當前的實時時間,一般用于大屏場景展示:

可視化設計入門(10個冷門炫酷的動态效果)10

8、輪播指标圖

當隻有一兩項重要數據需要展示時,指标卡是絕佳的溝通方式。擴展圖表插件提供的輪播 KPI 指标卡分為電子和閃爍兩種,效果分别如下圖所示:

可視化設計入門(10個冷門炫酷的動态效果)11

9、弧形柱形圖

弧形柱形圖屬于柱形圖的一種形式變換,本質上乃是柱形圖由笛卡爾坐标系轉化為極坐标之後的産物。

可視化設計入門(10個冷門炫酷的動态效果)12

10、輪播目标齒輪

輪播目錄齒輪同時擁有齒輪和目錄效果,通過輪播的方式展示重要的指标數據,一般用于大屏場景展示

可視化設計入門(10個冷門炫酷的動态效果)13

打包好的模闆看下面拿!

可視化設計入門(10個冷門炫酷的動态效果)14

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved