通常制作可視化大屏,一般有兩種方式
代碼開發:寫代碼調用數據和圖表庫,比如寫JS+Echarts ;
可視化工具:用現成的數據可視化工具
前者簡單直接,直接寫代碼就完事。但對于大部分人來說門檻較高,維護成本也很大。如果涉及大量的動態可視化,大數據量,沒有底層技術,性能就會大打折扣。而且投到不同尺寸的屏幕,調試起來非常麻煩。
后者則簡單不少,直接用數據可視化工具,可以快速設計樣式呈現效果、自適應不同大小的屏幕、而且還可以實時刷新數據。
2D可視化大屏的制作很多可視化工具都能完成,但提到3D就讓很多想做可視化大屏,但不想寫代碼的朋友很困惑,下面直接開教:
10分鐘怎么做出一個3D可視化大屏?

可視化大屏如何制作?
無論技術上采用那種方式,要想大屏做得漂亮,都要一番精心的視覺設計。
一、布局排版




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

三、制作過程

1、繪制geojson
先提供一個擴展工具geojson:
https://fvs.fineres.com/geojson/
1.1定位園區

1.2 繪制園區

1.3 暫存和導出

2、導入生成 3D
進入FVS大屏編輯界面,使用“三維城市”組件導入剛剛繪制的園區geojson。

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

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

3.2 調整視角

4、配置數據
準備好含有模型名稱字段的數據集,將模型名稱與數據關聯。

5、最終效果
