image.png

正常來說 我們自己做模型訓(xùn)練的時(shí)候要么就是spider 或者 pycharm 里自己跑，我司正在 整一個(gè) 人工智能平臺(tái)，大家好像都知道 第四范式的先知平臺(tái)，說實(shí)話 第四范式 前景不錯(cuò)，但是我有幾個(gè)朋友從第四范式離職，我暫時(shí)對其保持觀望，不過第四范式的boss 我看到過他的演講，群里也有他，跟個(gè)教主一樣，神叨叨的。

不過說來，我們自己跑模型 只是短暫的，我們還是要部署，可視化的訓(xùn)練，做到最簡單，甲方客戶喜歡用何種方式訓(xùn)練呢，當(dāng)然是打開一個(gè)網(wǎng)頁就可以，或者給他一個(gè)客戶端，托拉拽 點(diǎn)擊就完成了 訓(xùn)練 多好。

剛好 想發(fā)揮一下工程能力的余熱， 在同事用java 搭建了 模型評估 web端，我想 干脆自己要不也整一下。
其實(shí)也比較簡單，就是 組裝一下嘛

如果想 組裝成 mac 應(yīng)用dmg 使用 pyqt5 py2app打包就可以整出來。

如果想 組裝成 web 頁面 ，使用 Django 框架就可以整出來

我比較熟悉 web端，在使用Django 開始搭建
使用 Django 2.0.4 版本
其實(shí)整個(gè)過程是在之前 自動(dòng)化處理 hive 數(shù)據(jù) 連接ftps 數(shù)據(jù)傳輸 的基礎(chǔ)上 想到了web端的搭建。
我要做的其實(shí)就是 在web 端 選擇算法模型 ，填寫參數(shù)，讀取數(shù)據(jù)源，可視化訓(xùn)練模型，并可視化的顯示模型評估效果，
其實(shí)這里最主要的 難點(diǎn)是數(shù)據(jù)web可視化

我們自己在IDE 跑模型 ，可視化 用的是 matplotlib 這個(gè)包，其實(shí)這個(gè)包 最后生成的是 python tkinter GUI界面，matplot 無法在web 瀏覽器中顯示，所以 就要選擇其他的替代品，業(yè)內(nèi)最顯赫的數(shù)據(jù)可視化 JavaScript 包是 D3.js ，不過 操作繁瑣 ，并不太適合工程能力較弱的算法人員。所以就有了一個(gè) matplot轉(zhuǎn)D3的的一個(gè) python包
http://mpld3.github.io/ mpld3
不用我多說，就是 convert 適配器。 這種轉(zhuǎn)化我們可想，是 會(huì) 消耗更多計(jì)算資源，或者轉(zhuǎn)化可能存在損失或者 種類少。不過也是很流行的。

今天我想介紹的是 Bokeh
簡直是 web 可視化的神器
http://bokeh.pydata.org/en/latest/
真的是神到?jīng)]朋友，也讓我對python 這種膠水語言 刮目相看。
https://github.com/bokeh/bokeh

我 本地 pip 安裝 的bokeh 版本是 0.12.15

最重要的是 Bokeh 可以和Django 無縫 連接。

在Django 使用bokeh中也踩了一個(gè)小坑，就是 Bokeh 的版本適配問題，剛開始我的 Bokeh在html 頁面端引入的Bokeh 相關(guān)的js css各不相同，結(jié)果頁面就顯示 jsonObject 錯(cuò)誤，我痛定思痛，都改成了一致的了，0.12.14，結(jié)果還是不可以，我監(jiān)控 python后端的輸出和 頁面源代碼，輸出都是沒有問題，可想而知是 bokeh js 有點(diǎn)問題

后來在 ss 看到 其實(shí)就是版本問題，14， 16 都不可以，那我就試試0.12.15，結(jié)果就通過。這說明 版本一致很重要。

我本地先用迅雷下載了 bokeh 的css js ，但是我頁面為了加速，全部都暫時(shí)先用的 bokeh官方提供的 cdn

為了讓Bokeh 支持更多的數(shù)據(jù)顯示圖型，需要安裝 幾個(gè) pip包
pip install colorcet # 0.9.1
pip install networkx # 2.1

具體代碼 demo 在這里
https://github.com/mullerhai/pycodegeo
參考
http://www.itdecent.cn/p/8b4f17950777

https://stackoverflow.com/questions/49211950/i-just-upgraded-my-python-bokeh-to-0-12-4-i-get-error-json-object-has-wrong-type

  <link rel="stylesheet"  type="text/css" />
    <link  rel="stylesheet" type="text/css">
    <link rel="stylesheet"  type="text/css">
    <script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-0.12.15.min.js"></script>
    <script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-api-0.12.15.min.js"></script>
    <script src="https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.15.min.js"></script>
    <script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-tables-0.12.15.min.js"></script>
    ```