30張精美可視化大屏,無需代碼直接套用,解決你95%的大屏需求!

發(fā)布時(shí)間:2023-03-29 11:04:15
編輯:
來源:數(shù)據(jù)分析不是個(gè)事兒
字體:

通常制作可視化大屏,一般有兩種方式

代碼開發(fā):寫代碼調(diào)用數(shù)據(jù)和圖表庫,比如寫JS+Echarts ; 可視化工具:用現(xiàn)成的數(shù)據(jù)可視化工具

前者簡單直接,直接寫代碼就完事。但對(duì)于大部分人來說門檻較高,維護(hù)成本也很大。如果涉及大量的動(dòng)態(tài)可視化,大數(shù)據(jù)量,沒有底層技術(shù),性能就會(huì)大打折扣。而且投到不同尺寸的屏幕,調(diào)試起來非常麻煩。

后者則簡單不少,直接用數(shù)據(jù)可視化工具,可以快速設(shè)計(jì)樣式呈現(xiàn)效果、自適應(yīng)不同大小的屏幕、而且還可以實(shí)時(shí)刷新數(shù)據(jù)。


(相關(guān)資料圖)

2D可視化大屏的制作很多可視化工具都能完成,但提到3D就讓很多想做可視化大屏,但不想寫代碼的朋友很困惑,下面直接開教:

10分鐘怎么做出一個(gè)3D可視化大屏?

可視化大屏如何制作?

無論技術(shù)上采用那種方式,要想大屏做得漂亮,都要一番精心的視覺設(shè)計(jì)。

一、布局排版

二、配色

配色的學(xué)問很復(fù)雜,這里就先講一講背景色。背景色又分為整體背景以及單個(gè)元素的背景,無論是哪一個(gè),都遵從兩點(diǎn)基本原則: 深色調(diào)&一致性 。

三、制作過程

1、繪制geojson

先提供一個(gè)擴(kuò)展工具geojson:https://fvs.fineres.com/geojson/

1.1定位園區(qū)

1.2 繪制園區(qū)

1.3 暫存和導(dǎo)出

2、導(dǎo)入生成 3D

進(jìn)入FVS大屏編輯界面,使用“三維城市”組件導(dǎo)入剛剛繪制的園區(qū)geojson。

導(dǎo)入后生成效果如下,用戶可以選擇開啟或關(guān)閉“GIS底圖”。若開啟GIS底圖,可以看到園區(qū)所在的地理信息,如道路名稱等。

3、調(diào)整模型

3.1 調(diào)整風(fēng)格

點(diǎn)擊“模型”tab并進(jìn)入模型列表,選中任一建筑,可以調(diào)整建筑的頂面和立面的材質(zhì)和顏色,也可以一鍵切換風(fēng)格,切換一棟之后直接應(yīng)用到所有建筑。

3.2 調(diào)整視角

4、配置數(shù)據(jù)

準(zhǔn)備好含有模型名稱字段的數(shù)據(jù)集,將模型名稱與數(shù)據(jù)關(guān)聯(lián)。

5、最終效果

標(biāo)簽:

   原標(biāo)題:30張精美可視化大屏,無需代碼直接套用,解決你95%的大屏需求!

>更多相關(guān)文章
最近更新