無需程式碼!教你製作讓人驚豔的3D視覺化大屏

資料分析師小美最近遇到一個大難題:

原來,最近小美的老闆在出差參觀外地工廠時,看到一個可以展示生產裝置3D模型的資料視覺化大屏,發現這種立體化的展示形式,正好可以彌補公司生產裝置預警大屏資料展示不夠醒目直觀,導致普通業務人員無法順利提取有效資訊的問題。

於是他一回到公司就急匆匆找到小美,希望小美儘快對大屏做一次立體化改造,把裝置的實時資料異常直接反饋在3D模型上,讓不懂資料圖表但是懂機械構造的一線操作師傅也能看懂大屏預警,這可難倒了小美。

老闆:小美呀,你看這個大屏是不是看起來超炫酷

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

老闆:裝置模型直接可以在大屏上呈現,資料狀況更一目瞭然了有沒有

老闆:咱們一定要及時趕上業界潮流,這樣,下個禮拜,你想辦法把咱們裝置的3D模型也展示在資料大屏上。

小美 :啊?

老闆:模型一定要精緻!要能放大縮小360度旋轉展示的那種,同時視覺效果還要有科技感,最好還能點選模型就能展示實時業務資料。

小美:……這難度有點大,我想下個禮拜上線是不是有點趕…。。。

老闆: ……

小美:…。。好的,收到

公司雖然有生產裝置的3D模型原始檔案,可是如何才能把這個裝置模型完美的還原到視覺化大屏上,還要能實現直觀展示業務資料呢?從沒接觸過3D模型的小美真是一籌莫展唯有嘆氣,難不成還真要用短短几天的時間實現3D建模從入門到精通嗎?

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

其實近些年隨著智慧製造和工業網際網路概念的普及,為了解決多層次的資料集中調配管理的問題,立體化資料呈現已經成為了大趨勢。但是把3D模型搬上資料視覺化大屏卻並不容易,往往需要操作人員掌握工業設計的知識才能完成。

但現在,有了Tempo BI中3D模型視覺化元件的幫助,無需掌握專業的3D建模知識,只需要幾步簡單操作,也可以打造基於3D模型的酷炫場景視覺化效果,下面就讓小T和大家介紹一下具體的操作步驟,快快學起來吧~

簡單易用的3D元件,直觀展示業務資料

在Tempo BI中,我們內建了強大的3D渲染引擎與3D效果設計器,無需額外的外掛支援就能夠輕鬆渲染生成符合標準的HTML5和WEBGL規範,能夠在PC、手機、PAD、大屏等所有支援H5的平臺上執行的高度逼真3D模型,實現各種精細化程度的視覺效果。

考慮到很多業務人員從未接觸過3D建模工作,Tempo BI貼心的設定了實時互動功能,使用者可以透過簡單拖拽的方式改變模型的位置、大小等,讓從未接觸過影象設計的小白也能成為3D設計高手。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

當然,對於Tempo BI的使用者來說,對於3D模型更大的使用需求是需要將3D模型和業務資料進行關聯和繫結,來實現更為清晰的資料分析和探查。

TempoBI在這方面也很強大,內含的3D模型渲染引擎能夠將模型進行自動拆解,並將資料和拆解的零件進行繫結,並透過顏色、粒子效果等在3D模型中展示業務資料,使用者只需要透過“一拖二傳三繫結”幾個操作步驟即可完成一個可以直觀展示資料的3D模型。

如何在Tempo BI中建立3D模型

#01、拖入3D模型元件和資料

將【3D圖表元件】拖入畫布,並在左側【圖表資料】中,拖入模型需要展示的名稱資料。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

#02、上傳3D模型檔案

在3D圖形的工具條上點選【編輯】按鈕,即可進入3D圖形編輯器中,上傳您的3D模型、材質檔案、紋理圖片。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

#03、給模型繫結資料

上傳成功後,在右側區域選中【模型】,然後選擇模型中的一個部分,點選右側小齒輪後,可以將該部分和我們拖入的資料進行繫結。繫結之後即建立了模型區域和資料的對映關係。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

如果想要繼續完善細節,你還可以為模型中各個層次的資料新增效果,展示資料分析結果。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

比如說你想要做一個針對與裝置異常情況的報警大屏,你就可以為拖入模型中的裝置實時資料集與顏色欄位建立對映,這樣就可以透過模型設定的漸變顏色層來對應區域數值的大小,裝置的那個部位有溫度異常或者是振動異常,都可以透過醒目的顏色提示。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

再結合Tempo BI資料透視功能,我們還可以在3D模型上實現資料切片、切塊、旋轉等分析,實現手動拖拽3D模型進行360度的放大縮小展示,比起傳統的二維圖表,更能起到預警提示的作用。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

除了3D圖形元件本身的易用性之外

你的個性化工作需求

小T也幫你考慮到了!

接著往下看

自定義3D視覺化效果,酷炫程度由你掌握

對於資料視覺化分析大屏來說,顏值真的很重要。一個有著炫酷視覺化效果的資料大屏不僅能夠提升整個資料故事的可讀性,拿出去更可以為品牌長臉。而對於3D模型來說,顏色搭配是否合理,動畫展示是否順暢,更是會直接影響資料分析成果的展示質量。

Tempo BI中就內嵌有支援指令碼功能,開發人員可以透過指令碼的方式,對3D模型的效果、動畫、位置、特效進行程式碼級別的自定義擴充套件配置,滿足使用者自定義3D效果的需求。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

3D模型元件輕鬆管理,支撐複雜場景設計

當我們要設計比較複雜的3D視覺化場景時,必然需要用到大量的3D模型元件去構建,長時間下來,積攢的各種元件素材就會越來越多,此時,對於大量的3D模型元件的管理就顯得尤為重要。

Tempo BI內建3D模型元件管理功能,可以對3D模型檔案、材質檔案、紋理檔案進行系統有效的管理、檢索,支撐複雜3D視覺化場景的設計。

無需程式碼!教你製作讓人驚豔的3D視覺化大屏

很多人會覺得資料大屏就是個“面子工程“,在大屏上加個3D模型就是為了酷炫好看。這就太看低3D技術在現實場景中的應用價值了。

事實上,在資料視覺化大屏中引入3D視覺化效果,可以使整個專案在大屏上的展示更具易用性,讓業務人員面對複雜操作時能夠靈活應對,非常適合應用在工業製造領域中的應急預警,大型建設專案中專案彙報等實際場景。3D視覺化模型的相關操作已經成為了很多大資料分析師正在更新的熱門技能。

如果想要親身體會一下便捷易用的3D資料視覺化元件,可以申請試用哦~