Python+Dash快速web應(yīng)用開(kāi)發(fā)

簡(jiǎn)單介紹

Dash是構(gòu)建ML與數(shù)據(jù)科學(xué)Web應(yīng)用的最受歡迎、最受信賴的Python框架。它建立在Plotly.js、React 和 Flask的基礎(chǔ)上，將現(xiàn)代 UI 元素（如下拉框、滑塊和圖表）直接與您的分析 Python 代碼綁定在一起。

安裝

pip install pandas

資料

文檔

https://dash./

倉(cāng)庫(kù)

https://github.com/plotly/dash

一個(gè)簡(jiǎn)易Dash應(yīng)用

下面通過(guò)更多的例子，來(lái)學(xué)習(xí)下Dash的用法：

Connecting to Data 連接數(shù)據(jù)

# Import packages
from dash import Dash, html, dash_table
import pandas as pd

# Incorporate data
df = pd.read_csv('https://raw./plotly/datasets/master/gapminder2007.csv')

# Initialize the app
app2 = Dash()

# App layout
app2.layout = [
    html.Div(children='My First App with Data'),
    dash_table.DataTable(data=df.to_dict('records'), page_size=10)
]

# Run the app
if __name__ == '__main__':
    app2.run(debug=True)

Visualizing Data 可視化數(shù)據(jù)

Dash Mantine Components 達(dá)什·馬汀組件

from dash import Dash, dash_table, dcc, callback, Output, Input
import pandas as pd
import plotly.express as px
import dash_mantine_components as dmc

df = pd.read_csv('https://raw./plotly/datasets/master/gapminder2007.csv')

app = Dash()

app.layout = dmc.Container([
    dmc.Title('My First App with Data, Graph, and Controls', color='blue', size='h3'),
    dmc.RadioGroup(
            [dmc.Radio(i, value=i) for i in  ['pop', 'lifeExp', 'gdpPercap']],
            id='my-dmc-radio-item',
            value='lifeExp',
            size='sm'
        ),
    dmc.Grid([
        dmc.Col([
            dash_table.DataTable(data=df.to_dict('records'), page_size=12, style_table={'overflowX': 'auto'})
        ], span=6),
        dmc.Col([
            dcc.Graph(figure={}, id='graph-placeholder')
        ], span=6),
    ]),

], fluid=True)

@callback(
    Output(component_id='graph-placeholder', component_property='figure'),
    Input(component_id='my-dmc-radio-item', component_property='value')
)
def update_graph(col_chosen):
    fig = px.histogram(df, x='continent', y=col_chosen, histfunc='avg')
    return fig

if __name__ == '__main__':
    app.run(debug=True)