Python可视化交互库——dash（python可视化库有哪些）

itomcoil 2025-02-03 13:21 9 浏览

Dash 是一款构建 Web 应用的 Python 低代码框架，建立在 Plotly.js、React 和 Flask 之上，将现代 UI 元素如下拉框、滑块和图形直接与 Python 代码绑定，使得熟悉python的朋友可以快速打造出演示程序。

安装

pip install dash

pip install pandas

初试

import pandas as pd
import plotly.express as px
from dash import Dash, html, dcc

app = Dash()
df = pd.DataFrame({'x': [1, 2, 3], 'SF': [4, 1, 2], 'Montreal': [2, 4, 5]})     # x是坐标轴刻度；
fig = px.bar(df, x='x', y=['SF', 'Montreal'], barmode='group')           # 柱状图

app.layout = html.Div(children=[
    html.H1(children='This is Dash Demo'),
    html.Div(children='Dash: 一款Python web应用框架'),
    dcc.Graph(id='dash-example-graph', figure=fig)
])

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

结果

程序运行后，会有如下输出结果：

Dash is running on http://127.0.0.1:8050/

* Serving Flask app 'test'

* Debug mode: on

按照提示访问： http://127.0.0.1:8050/

可以得到如下结果：

说明

layout（布局）就像 HTML 一样，由一棵组件树构成。如代码中的 html.H1、html.Div、dcc.Graph。

dash.html 包含所有 HTML 标签，如 html.H1(children='Hello Dash') 实际上生成的 HTML 代码为 <h1>Hello Dash</h1>。

不是所有组件都是纯 HTML，模块 dash.dcc 包含交互的高级组件，底层通过 React.js、JavaScript、HTML、CSS实现。

每个组件通过关键字参数进行描述，但属性 children 比较特殊，一般总是作为第一个属性，因此不用关键字参数来描述。

app.run_server(debug=True) 可实现热加载，即修改代码后会自动刷新浏览器。

python div

Python可视化交互库——dash（python可视化库有哪些）

相关推荐

我用 1 个 2 手计算器换了 3 台 MacBook(上)

零基础也能搞定!DeepSeek大模型本地安装全攻略

Python三目运算符(三元运算符)用法详解

PS零基础入门教程:Photoshop 2024工具详解—标尺工具

PS 零基础入门 040:图层样式选项

a4尺寸是多大像素多少厘米长宽，4k的纸是多大的纸是a4的吗

PS零基础入门教程:Photoshop 2024工具详解—直线工具

Pony - 最智能的 Python ORM 框架

Python 最常用的语句、函数有哪些?

六种方法实现Python文件之间的通信方式