Python可视化交互库——dash

myzbx 2025-05-27 16:23 6 浏览

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) 可实现热加载，即修改代码后会自动刷新浏览器。

Plotly.js

上一篇：NAR | GMrepo:人类肠道宏基因组数据库
下一篇：有哪些python库让你相见恨晚

Python可视化交互库——dash

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

8.7k star，一款超炫酷的动态可视化大屏项目

这么牛逼的cursor功能，赶紧用起来

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」