前端可視化開發（一）- 開篇

前言：

本系列文章會講訴我這一年來，獨立開發了一個項目叫數據可視化，附上連接[https://github.com/chuxiaoguo...]，歡迎你們star，市面上現階段能夠看到相似的有，

• 阿里的dataV[https://data.aliyun.com/visua...]
• 百度的sugar[https://cloud.baidu.com/produ...]

固然還有其餘的，這裏就不過多介紹了。

那什麼是數據可視化，我我的的理解就是枯燥乏味的大數據經過圖表的豐富展現，以一種快速，易懂的形式展現給用戶，通常的應用場景就是數據展現，告警提醒，實時消息推送等。
固然我這個項目的規劃還能經過對圖表的控制，經過物聯，控制硬件設備。數據可視化只是一個模塊，它還能囊括組件事件交互，定製行業組件，造成一套行業定製方案。相似scada。

項目準備工做

需求的整理和藍圖的構建，這裏咱們用思惟導圖規劃一下

項目

咱們認爲一個項目就是你即將構建的一個系統，或一個可視化項目

頁面

若是將整個項目比喻爲一顆系統樹，那麼項目就是根節點，那麼頁面就是子節點了，顧名思義，頁面就是項目中的一個個的頁面。

圖元

圖元是最基礎的元素，構成頁面的基本元素就是圖元，它是豐富的，能夠是圖表，能夠是基礎的圖形，能夠是表格，能夠3D的圖形... 只要你願意，萬物皆圖元。

組件

組件分爲內置組件，和用戶組件，區別就是用戶組件是用戶生成並添加的，內置組件就是編輯器內置的。組件是由一個或多個圖元組件並構建的。

工具

工具指編輯器畫布內的功能，工具中有歷史，粘貼板，刪除等功能，這些豐富的功能能提升用戶構建大屏項目的效率。

母版

母版跟組件是很像的，區別在於母版具有一改全改的功能，相似靜態屬性同樣的。

這裏是大概的規劃，之後對於元素，組件，頁面，項目等的細節咱們會從新梳理，可是大致方向就是這樣的。

目標

咱們要基於這些的基礎，打造一個配置可視化的編輯器，固然若是你想作原型設計或是uml也是能夠支持的，由於它足夠靈活。

下一期我將給你們介紹如何經過vue構建基礎的模型編輯器框架，以及框架應該如何選擇。

下一篇 前端可視化開發（二）- 框架選擇