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

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

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

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

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

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


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

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

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

可視化大屏如何制作?

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

一、布局排版

二、配色

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

三、制作過程

1、繪制geojson

先提供一個擴展工具geojson:https://fvs.fineres.com/geojson/

1.1定位園區(qū)

1.2 繪制園區(qū)

1.3 暫存和導出

2、導入生成 3D

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

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

3、調(diào)整模型

3.1 調(diào)整風格

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

3.2 調(diào)整視角

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

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

5、最終效果

標簽:

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

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