Web可視化開發是阿里雲IoT Studio中比較重要的一個功能，通過可視化拖拽的方式，方便地將各種圖表組件與設備相關的數據源關聯，無需編程，即可將物聯網平台上接入的設備數據可視化展現。
目前支持的組件如下圖所示：
通過可視化拖拽的方式，方便地將各種圖表組件與設備相關的數據源關聯，無需編程，即可將物聯網平台上接入的設備數據可視化展現。
我們的對接的硬件平台依然是YF3300，相關的配置如下：
當前物聯網平台已經直接集成了IoT Studio，如下圖所示：
首先我們在阿里雲上構建YF3300的物模型，並在此基礎上，我們添加溫度和濕度這兩個屬性。
阿里雲IoT Studio中的設備管理和物聯網平台中的設備管理有些不同，針對IoT Studio來說，是以項目為單位的。產品和設備在同一個項目內是共享的，在不同項目之間是隔離的。因此，為使得IoT Studio中具有訪問產品/設備的權限，必須將物聯網平台中的設備管理中的產品關聯到項目中，或者直接在項目下創建產品和設備（在項目下創建的產品和設備，將直接顯示在物聯網平台的設備管理模塊中）。
在阿里雲IoT Studio頁面可以新建產品和設備，也可以綁定阿里雲物聯網平台中的產品和設備。並且在阿里雲IoT Studio頁面創建的設備，自動會出現在阿里雲物聯網平台中。
我們拖拉兩個儀表盤，和I1和I2還有繼電器Q1輸出相關的組件。
相關的組件要和產品和物模型進行綁定，如下圖所示：
相關配置完成后，直接發布即可。
在瀏覽器中，我們會直接看到對應的數據和狀態發生變化，並且可以直接操作開關，控制實際的物聯網設備。
想體驗阿里雲IoT平台的網友，可以單擊如下鏈接：https://dev.iot.aliyun.com/sale?source=deveco_partner_yefan