日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
有了這個(gè)開源項(xiàng)目，不會(huì)Web開發(fā)也能讓數(shù)據(jù)“動(dòng)”起來！

今天要向小伙伴們介紹的是一個(gè)能夠快速地把數(shù)據(jù)制作成可視化、交互頁面的 Python 框架：Streamlit，分分鐘讓你的數(shù)據(jù)動(dòng)起來！

成都創(chuàng)新互聯(lián)公司于2013年開始，先為富縣等服務(wù)建站，富縣等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為富縣企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

猶記得我在做機(jī)器學(xué)習(xí)和數(shù)據(jù)分析方面的畢設(shè)時(shí)，曾經(jīng)為了制作精美的圖表而抓耳撓腮，曾經(jīng)為了在頁面可視化、交互式展示數(shù)據(jù)而絞盡腦汁。現(xiàn)在擺在我們面前的是一個(gè)能夠快速可視化數(shù)據(jù)并且制作成交互頁面的 Python 框架， 僅需幾分鐘就可以快速構(gòu)建和部署功能強(qiáng)大的數(shù)據(jù)應(yīng)用程序 ，寫到這里 Streamlit 的高傲已經(jīng)盡數(shù)體現(xiàn)了。

Streamlit - The fastest way to build and share data apps :facepunch:

下面我們就一起來上手這個(gè)強(qiáng)大的 Python 數(shù)據(jù)可視化框架吧！

一、淺嘗 輒止

1、本地實(shí)驗(yàn)環(huán)境： Python 3.6 - Python 3.8 。

2、安裝 Streamlit 體驗(yàn)官方提供的 hello world 小 demo。

 
 
 
 
    
  
  
  
  
  1. pip install streamlit 
    2. 
  
  
  
  
  2. streamlit hello 
    3.

 

3、運(yùn)行上述命令后會(huì)自動(dòng)打開 Streamlit 的初始頁面 http://localhost:8501/ 。

4、通過左邊欄可以選擇四個(gè)內(nèi)置小項(xiàng)目并查看其代碼，例如分形動(dòng)畫、折線圖和層疊地圖等，能在網(wǎng)頁上點(diǎn)擊選擇設(shè)置一些參數(shù)，動(dòng)態(tài)查看效果。

二、熟能生巧

通過 Streamlit 提供的接口，完美避開 Django 和 Flask 框架，無需編寫 HTML、CSS、JavaScript 代碼，與魔幻的前端 say goodbye。

2.1 開發(fā)自己的 app

1、首先創(chuàng)建一個(gè) Python 文件，命名為 test.py ，導(dǎo)入 Streamlit 庫(kù)。

 
 
 
 
    
  
  
  
  
  1. import streamlit as st 
    2.

2、通過如下命令啟動(dòng)項(xiàng)目， Ctrl + c 即可結(jié)束項(xiàng)目。 

 
 
 
 
    
  
  
  
  
  1. # filename 自己的 py 文件名稱 
    2. 
  
  
  
  
  2. streamlit run [filename] 
    3.

 

3、當(dāng)應(yīng)用程序正在運(yùn)行時(shí)，每次修改 Python 文件并保存，網(wǎng)頁都會(huì)彈出提示“Source file changed”，可以選擇“Rerun”或者“Always rerun”，使得頁面能夠重新刷新。忽略掉小小的等待時(shí)間，我們能夠在快速交互循環(huán)中「所見即所得」。

4、我們?cè)谌魏螘r(shí)候?qū)W(wǎng)頁內(nèi)容進(jìn)行更新，包括：修改源碼、使用者和網(wǎng)頁進(jìn)行交互（點(diǎn)擊網(wǎng)頁的按鈕、輸入文本），Streamlit 都是自上而下掃描解析并且運(yùn)行整個(gè)代碼。

2.2 基礎(chǔ)命令

2.2.1 顯示文本

命令 效果
st.title()添加一個(gè)標(biāo)題
st.write()Streamlit 的瑞士軍刀，可渲染如文本、Matplotlib 和 Altair 圖表等幾乎任何數(shù)據(jù)參數(shù)
st.text()顯示純文本
st.header() 、 st.subheader()二級(jí)標(biāo)題和三級(jí)標(biāo)題
st.markdown()顯示 Markdown
st.latex()顯示格式為 LaTeX 的數(shù)學(xué)表達(dá)式
st.code()顯示帶有可選語法高亮顯示的代碼塊

 

 2.2.2「魔法」

我愿稱之為懶人命令——用盡量少的代碼達(dá)到同樣的效果。在不調(diào)用任何 Streamlit 方法的情況下，當(dāng)用戶自定義的變量出現(xiàn)在單行中，等同于 st.write() 效果。

 
 
 
 
    
  
  
  
  
  1. import pandas as pd 
    2. 
  
  
  
  
  2. df = pd.DataFrame({ 
    3. 
  
  
  
  
  3.   'first column': [1, 2, 3, 4], 
    4. 
  
  
  
  
  4.   'second column': [10, 20, 30, 40] 
    5. 
  
  
  
  
  5. }) 
    6. 
  
  
  
  
  6.  
    7. 
  
  
  
  
  7. df 
    8.

 

 也可以將 ''' 和 ' 包裹的內(nèi)容直接顯示。

 
 
 
 
    
  
  
  
  
  1. # Draw a title and some text to the app: 
    2. 
  
  
  
  
  2. ''' 
    3. 
  
  
  
  
  3. # Welcome to HelloGitHub 
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
  5. _快來加入我們吧_ 
    6. 
  
  
  
  
  6. ''' 
    7. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8. x = 10 
    9. 
  
  
  
  
  9. 'x', x  # <-- Draw the string 'x' and then the value of x 
    10.

 

 2.2.3 顯示數(shù)據(jù)表

Streamlit 能從多個(gè)不同角度快速、交互地可視化數(shù)據(jù)，原始數(shù)據(jù)、圖表、JSON 數(shù)據(jù)等皆可。

命令 效果
st.dataframe()將數(shù)據(jù)框顯示為交互式表格
st.table()顯示靜態(tài)表格
st.json()將對(duì)象或字符串顯示為 JSON 字符串

2.2.4 繪制圖表和地圖

Streamlit 支持多種流行的數(shù)據(jù)圖表庫(kù)，如 Matplotlib、Altair、deck.gl 等。

命令 效果
st.line_chart()折線圖
st.area_chart()面積圖
st.bar_chart()條形圖
st.map()在地圖上顯示數(shù)據(jù)點(diǎn)
st.pyplot()matplotlib.pyplot 圖表
st.altair_chart()使用 Altair 庫(kù)顯示圖表
st.vega_lite_chart()使用 vega_lite_chart 庫(kù)顯示圖表
st.pydeck_chart()使用 PyDeck 庫(kù)繪制圖表

 

 2.2.5 顯示多媒體

動(dòng)動(dòng)鼠標(biāo)即可將圖像、視頻和音頻文件直接嵌入 Streamlit 應(yīng)用程序。

 

 2.2.6 交互式小部件

盯:eyes:：漂亮的按鈕、滑塊、輸入框等小部件。每次用戶與小部件交互時(shí)，Python 腳本都會(huì)重新執(zhí)行，并且該小部件的輸出值會(huì)在運(yùn)行期間設(shè)置為新值。

1、按鈕 button 。

 
 
 
 
    
  
  
  
  
  1. if st.button('HelloGitHub'): 
    2. 
  
  
  
  
  2.     st.write('Subscribe our channels~') 
    3.

 

 2、復(fù)選框 checkbox 。

 
 
 
 
    
  
  
  
  
  1. ret = st.checkbox('I love HelloGitHub!') 
    2. 
  
  
  
  
  2. if ret: 
    3. 
  
  
  
  
  3.   st.write('Me too~') 
    4.

 

 3、滑塊 slider ，可以選擇 int / float / data / time / datetime 等類型。

 
 
 
 
    
  
  
  
  
  1. age = st.slider('HelloGitHub 幾歲了?', 0, 10, 1) 
    2. 
  
  
  
  
  2. st.write("HelloGitHub ", age, ' 歲了~') 
    3.

 

 4、常用的命令列舉

命令 效果
st.radio()單選按鈕
st.select()單選框
st.multiselect()多選框
st.text_input()單行文本輸入框
st.text_area()多行文本輸入框
st.number_input()數(shù)字輸入框
st.date_input()日期輸入框
st.time_input()時(shí)間輸入框
st.file_uploader()文件上傳
st.color_picker()取色器

2.2.7 顯示進(jìn)程和狀態(tài)

1、進(jìn)度條 progress 。

 
 
 
 
    
  
  
  
  
  1. import time 
    2. 
  
  
  
  
  2. my_bar = st.progress(0) 
    3. 
  
  
  
  
  3. for percent_complete in range(100): 
    4. 
  
  
  
  
  4.     time.sleep(0.1) 
    5. 
  
  
  
  
  5.     my_bar.progress(percent_complete + 1) 
    6.

 

 2、 spinner ：在執(zhí)行代碼塊時(shí)臨時(shí)顯示一條消息。

 
 
 
 
    
  
  
  
  
  1. import time 
    2. 
  
  
  
  
  2. with st.spinner('Wait for it...'): 
    3. 
  
  
  
  
  3.     time.sleep(5) 
    4. 
  
  
  
  
  4. st.success('Done!') 
    5. 
  
  
  
  
  5. st.balloons() 
    6.

 

 3、其他

命令 效果
st.balloons()慶祝氣球
st.error() / st.warning() / st.info() / st.success() / st.exception()錯(cuò)誤、警告、提示、成功、報(bào)錯(cuò)信息提示

2.2.8 性能優(yōu)化

 

 Streamlit 使用 @st.cache 裝飾器使得頁面能夠快速“無痕”刷新。當(dāng)我們給函數(shù)打上 cache 標(biāo)記時(shí)，Streamlit 在碰到該函數(shù)的時(shí)候會(huì)檢查三個(gè)值：函數(shù)名稱、函數(shù)體、輸入?yún)?shù)。如果發(fā)現(xiàn)這三個(gè)值的組合第一次出現(xiàn)，則會(huì)運(yùn)行函數(shù)，并且將結(jié)果存儲(chǔ)在本地緩存中。當(dāng)下次調(diào)用該函數(shù)時(shí)，如果這三個(gè)值沒有改變，則 Streamlit 會(huì)跳過函數(shù)執(zhí)行，直接讀取本地緩存返回結(jié)果。

 
 
 
 
    
  
  
  
  
  1. @st.cache 
    2. 
  
  
  
  
  2. def HelloGitHub(url): 
    3. 
  
  
  
  
  3.     # 返回相應(yīng)數(shù)據(jù) 
    4. 
  
  
  
  
  4.     return data 
    5. 
  
  
  
  
  5.  
    6. 
  
  
  
  
  6. # 第一次遇到，執(zhí)行該函數(shù) 
    7. 
  
  
  
  
  7. d1 = HelloGitHub(DATA_URL_1) 
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9. # 傳入?yún)?shù)一致，第二次遇到不會(huì)執(zhí)行該函數(shù) 
    10. 
  
  
  
  
  10. # 而會(huì)直接返回前一次計(jì)算的結(jié)果，d1 = d2 
    11. 
  
  
  
  
  11. d2 = HelloGitHub(DATA_URL_1) 
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13. # 傳入?yún)?shù)不同，重新執(zhí)行該函數(shù) 
    14. 
  
  
  
  
  14. d3 = HelloGitHub(DATA_URL_2) 
    15.

2.2.9 布局設(shè)置

1、將交互小部件放入側(cè)邊欄。

 
 
 
 
    
  
  
  
  
  1. add_selectbox = st.sidebar.selectbox( 
    2. 
  
  
  
  
  2.     "Which one?", 
    3. 
  
  
  
  
  3.     ("C++", "Java", "Python") 
    4. 
  
  
  
  
  4. ) 
    5.

 

 2、表單 st.form() ：將元素與“提交”按鈕一起處理。

 
 
 
 
    
  
  
  
  
  1. # 向表單插入元素 
    2. 
  
  
  
  
  2. with st.form("my_form1"): 
    3. 
  
  
  
  
  3.     st.write("我在 1 框框里~") 
    4. 
  
  
  
  
  4.     slider_val = st.slider("框框滑塊") 
    5. 
  
  
  
  
  5.     checkbox_val = st.checkbox("pick me") 
    6. 
  
  
  
  
  6.     # Every form must have a submit button. 
    7. 
  
  
  
  
  7.     submitted = st.form_submit_button("1-Submit") 
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9. # 亂序插入元素 
    10. 
  
  
  
  
  10. form = st.form("my_form2") 
    11. 
  
  
  
  
  11. form.slider("我在 2 框框里~") 
    12. 
  
  
  
  
  12. st.slider("我在外面") 
    13. 
  
  
  
  
  13. # Now add a submit button to the form: 
    14. 
  
  
  
  
  14. form.form_submit_button("2-Submit") 
    15.

 

 3、插入列并排的容器

 
 
 
 
    
  
  
  
  
  1. # 官方示例 
    2. 
  
  
  
  
  2. col1, col2, col3 = st.beta_columns(3) 
    3. 
  
  
  
  
  3. with col1: 
    4. 
  
  
  
  
  4.     st.header("A cat") 
    5. 
  
  
  
  
  5.     st.image("https://static.streamlit.io/examples/cat.jpg") 
    6. 
  
  
  
  
  6. with col2: 
    7. 
  
  
  
  
  7.     st.header("A dog") 
    8. 
  
  
  
  
  8.     st.image("https://static.streamlit.io/examples/dog.jpg") 
    9. 
  
  
  
  
  9. with col3: 
    10. 
  
  
  
  
  10.     st.header("An owl") 
    11. 
  
  
  
  
  11.     st.image("https://static.streamlit.io/examples/owl.jpg") 
    12.

2.3 修改配置

1、查看所有的配置選項(xiàng)： streamlit config show 。

2、Windows 系統(tǒng)可以在 %userprofile%/.streamlit/config.toml 全局文件下或者在當(dāng)前運(yùn)行 Streamlit 的文件夾下建立 .streamlit/config.toml 文件進(jìn)行設(shè)置。

3、某些配置例如外觀、主題等點(diǎn)擊網(wǎng)頁上的 Settings 也可輕松選擇。

 2.4 在 Streamlit sharing 上部署、管理和共享

1、將自己的項(xiàng)目代碼上傳到 GitHub 的共有倉(cāng)庫(kù)，添加需求文件以管理任何外部依賴項(xiàng)，例如 requirements.txt 等。

2、在 https://streamlit.io/sharing 上注冊(cè)賬號(hào)并且申請(qǐng)邀請(qǐng)「Request an invite!」。收到邀請(qǐng)電子郵件后，即可使用該平臺(tái)部署管理。

3、選擇 New app 在 Deploy an app 中填入相應(yīng)信息即可。

 4、若應(yīng)用程序有很多依賴項(xiàng)，則第一次部署可能需要一些時(shí)間，最終應(yīng)用程序可以使用如下鏈接訪問：

 
 
 
 
    
  
  
  
  
  1. https://share.streamlit.io/[user name]/[repo name]/[branch name]/[app path] 
    2.

三、精益求精

到此，Streamlit 框架的基本接口和用法都已經(jīng)講完啦！更多詳情還需要友友們?cè)趯?shí)踐中探索，并將指令成功“嵌入”到自己的項(xiàng)目中。

很多命令在文檔的「API cheat sheet」中都可以快速搜索到，希望很快就能夠在 Streamlit Gallery 上看到大家分享的應(yīng)用，可以留言給我地址我會(huì)去把玩的~。


文章標(biāo)題：有了這個(gè)開源項(xiàng)目，不會(huì)Web開發(fā)也能讓數(shù)據(jù)“動(dòng)”起來！
文章網(wǎng)址：http://www.5511xx.com/article/dpopics.html