利用Python进行数据可视化Plotly与Dash的应用【第157篇—数据可视化】

👽发现宝藏

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。

利用Python进行数据可视化Plotly与Dash的应用

数据可视化是数据分析中至关重要的一环,它能够帮助我们更直观地理解数据并发现隐藏的模式和趋势。在Python中,有许多强大的工具可以用来进行数据可视化,其中Plotly和Dash是两个备受欢迎的选择。Plotly提供了丰富多样的交互式绘图功能,而Dash则是一个用于构建交互式Web应用的Python框架。本文将介绍如何使用Plotly和Dash进行数据可视化,并通过案例代码展示其应用。

安装Plotly与Dash

首先,我们需要安装Plotly和Dash库。你可以通过以下命令使用pip来安装它们:

pip install plotly dash

安装完成后,我们就可以开始使用这两个库了。

案例代码:简单的数据可视化应用

让我们以一个简单的例子开始,假设我们有一些关于销售数据的CSV文件,我们想要创建一个交互式的图表来可视化这些数据,并将其部署为一个Web应用。首先,我们需要导入必要的库:

import dash
from dash import dcc, html
import plotly.express as px
import pandas as pd# 读取数据
df = pd.read_csv('sales_data.csv')# 创建Dash应用
app = dash.Dash(__name__)# 布局
app.layout = html.Div([html.H1("销售数据可视化"),dcc.Graph(id='sales-graph')
])# 回调函数
@app.callback(dash.dependencies.Output('sales-graph', 'figure'),[dash.dependencies.Input('sales-graph', 'value')]
)
def update_graph(selected_year):filtered_df = df[df['Year'] == selected_year]fig = px.bar(filtered_df, x='Month', y='Sales', title=f'销售数据 - {selected_year}')return fig# 启动应用
if __name__ == '__main__':app.run_server(debug=True)

在这个例子中,我们首先读取了名为sales_data.csv的CSV文件,然后创建了一个Dash应用。在应用的布局中,我们定义了一个标题和一个空的图表区域。然后,我们设置了一个回调函数,当用户选择不同的年份时,图表将会更新以显示相应年份的销售数据。最后,我们通过调用run_server方法来启动应用。

确保你的sales_data.csv文件包含了必要的数据字段(比如YearMonthSales),这样代码才能正常运行。

案例代码:高级数据可视化与交互

在上一个案例中,我们展示了如何使用Dash和Plotly创建一个简单的数据可视化应用。现在,让我们进一步探索一些高级功能,比如添加更多交互性和定制化。

假设我们想要展示销售数据的趋势,并允许用户通过选择不同的产品类别来查看不同的趋势。我们可以通过下面的代码来实现这个功能:

import dash
from dash import dcc, html
import plotly.express as px
import pandas as pd# 读取数据
df = pd.read_csv('sales_data.csv')# 创建Dash应用
app = dash.Dash(__name__)# 布局
app.layout = html.Div([html.H1("销售数据趋势"),dcc.Dropdown(id='product-dropdown',options=[{'label': '产品A', 'value': 'Product A'},{'label': '产品B', 'value': 'Product B'},{'label': '产品C', 'value': 'Product C'}],value='Product A'),dcc.Graph(id='sales-trend')
])# 回调函数
@app.callback(dash.dependencies.Output('sales-trend', 'figure'),[dash.dependencies.Input('product-dropdown', 'value')]
)
def update_trend(selected_product):filtered_df = df[df['Product'] == selected_product]fig = px.line(filtered_df, x='Month', y='Sales', title=f'{selected_product}销售趋势')return fig# 启动应用
if __name__ == '__main__':app.run_server(debug=True)

在这个例子中,我们添加了一个下拉菜单,允许用户选择不同的产品类别。当用户选择不同的产品后,图表将会更新以显示所选产品的销售趋势。这样,用户就可以更灵活地探索不同产品的销售情况。

除了简单的折线图外,Plotly还提供了丰富的图表类型和定制选项,可以满足更多复杂的可视化需求。Dash则允许我们构建交互式的Web应用,并通过回调函数实现图表的动态更新,为用户提供更好的体验。

添加交互性与样式美化

在上述案例中,我们展示了如何使用Dash和Plotly创建数据可视化应用,并提供了基本的交互功能。现在,让我们进一步添加一些交互性和样式美化,使我们的应用更加吸引人和易于使用。

import dash
from dash import dcc, html, callback_context
import plotly.express as px
import pandas as pd# 读取数据
df = pd.read_csv('sales_data.csv')# 获取唯一的产品列表
available_products = df['Product'].unique()# 创建Dash应用
app = dash.Dash(__name__)# 应用样式
app.layout = html.Div([html.H1("销售数据趋势", style={'textAlign': 'center'}),html.Div([html.Label("选择产品:"),dcc.Dropdown(id='product-dropdown',options=[{'label': product, 'value': product} for product in available_products],value=available_products[0])], style={'width': '50%', 'margin': 'auto', 'textAlign': 'center'}),dcc.Graph(id='sales-trend',config={'displayModeBar': False}  # 禁用图表的模式栏)
], style={'padding': '20px'})# 回调函数
@app.callback(dash.dependencies.Output('sales-trend', 'figure'),[dash.dependencies.Input('product-dropdown', 'value')]
)
def update_trend(selected_product):filtered_df = df[df['Product'] == selected_product]fig = px.line(filtered_df, x='Month', y='Sales', title=f'{selected_product}销售趋势')return fig# 启动应用
if __name__ == '__main__':app.run_server(debug=True)

在这个例子中,我们添加了一些样式以使应用看起来更吸引人。我们设置了标题居中显示,并在产品下拉菜单周围添加了一些空白空间以增加布局的美观性。此外,我们还禁用了图表的模式栏,以简化用户界面。

通过这些改进,我们的应用现在不仅提供了强大的交互式数据可视化功能,而且具有更好的外观和用户体验。这将使用户更愿意使用我们的应用来探索数据,并从中获得有价值的见解。

部署至生产环境

在完成数据可视化应用的开发之后,我们通常希望将应用部署到生产环境中,以便其他用户能够访问和使用。在本节中,我们将讨论如何将我们的Dash应用部署到生产服务器上。

使用Gunicorn和Nginx

Gunicorn是一个Python WSGI(HTTP服务器) HTTP服务器,它能够处理来自Web应用的HTTP请求。Nginx则是一个高性能的HTTP和反向代理服务器,通常用于处理静态文件和负载均衡。

首先,我们需要安装Gunicorn和Nginx:

pip install gunicorn
sudo apt-get install nginx

接下来,我们使用Gunicorn来运行我们的Dash应用:

gunicorn -w 4 -b 0.0.0.0:8050 your_app:app

这将在本地启动Gunicorn服务器,并将Dash应用运行在8050端口上。接下来,我们需要配置Nginx来作为反向代理,将HTTP请求转发到Gunicorn服务器上。

配置Nginx

在Nginx的配置文件中添加以下内容:

server {listen 80;server_name your_domain.com;location / {proxy_pass http://127.0.0.1:8050;proxy_redirect off;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;}
}

your_domain.com替换为你的域名。然后重新加载Nginx配置:

sudo systemctl reload nginx

现在,你的Dash应用已经成功部署到生产环境中,并且可以通过你的域名访问了。

使用HTTPS

为了提高安全性,我们还可以配置Nginx来使用HTTPS协议。你需要获取SSL证书并将其配置到Nginx中。一种简单的方法是使用Let’s Encrypt来获取免费的SSL证书。以下是一个简单的配置示例:

server {listen 80;server_name your_domain.com;location / {return 301 https://$host$request_uri;}
}server {listen 443 ssl;server_name your_domain.com;ssl_certificate /etc/letsencrypt/live/your_domain.com/fullchain.pem;ssl_certificate_key /etc/letsencrypt/live/your_domain.com/privkey.pem;location / {proxy_pass http://127.0.0.1:8050;proxy_redirect off;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;}
}

这样配置后,你的Dash应用将通过HTTPS协议提供服务,并且所有的HTTP请求都会被重定向到HTTPS。

集成用户认证和权限管理

在某些情况下,你可能希望限制对数据可视化应用的访问,只允许特定用户或用户组访问。为了实现这一点,我们可以集成用户认证和权限管理系统。

使用基本认证

一种简单的方法是使用基本认证(Basic Authentication)。你可以在Nginx中配置基本认证,要求用户在访问应用之前提供用户名和密码。以下是一个示例Nginx配置:

server {listen 443 ssl;server_name your_domain.com;ssl_certificate /etc/letsencrypt/live/your_domain.com/fullchain.pem;ssl_certificate_key /etc/letsencrypt/live/your_domain.com/privkey.pem;location / {auth_basic "Restricted Access";auth_basic_user_file /etc/nginx/.htpasswd;proxy_pass http://127.0.0.1:8050;proxy_redirect off;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;}
}

在这个配置中,我们使用auth_basic指令启用基本认证,并指定了一个密码文件/etc/nginx/.htpasswd。你需要使用htpasswd工具创建这个密码文件,并向其中添加用户名和密码。

使用OAuth认证

另一种常见的方法是使用OAuth认证。通过OAuth,你可以将用户的认证过程委托给第三方身份提供者,如Google、GitHub等。一旦用户通过第三方身份提供者认证成功,他们就可以访问你的应用。

你可以使用Dash的dash-auth库来实现OAuth认证。该库提供了一种简单的方式来集成多种OAuth提供者,并限制对Dash应用的访问。

添加权限管理

除了认证之外,你可能还希望对用户进行授权,以确定他们是否有权访问特定的数据或功能。一种常见的方法是在应用中实现角色基础的访问控制(Role-Based Access Control,RBAC)系统。通过RBAC,你可以将用户分配到不同的角色,并在应用中限制不同角色的访问权限。

你可以在Dash应用中实现RBAC系统,根据用户的角色来决定他们是否有权执行特定操作。这可能涉及到在用户登录时检查他们的角色,并根据角色动态地调整应用中的功能和数据访问权限。

日志记录和错误处理

在部署生产环境的应用时,日志记录和错误处理是非常重要的。良好的日志记录可以帮助你追踪应用的运行情况,并及时发现和解决问题。错误处理能够提高应用的稳定性,减少因错误而导致的服务中断。

配置日志记录

首先,让我们配置应用的日志记录。Dash应用通常会输出日志到stdout或stderr,我们可以通过重定向这些日志到一个文件来进行记录。我们还可以使用Python的logging模块来实现更高级的日志记录。

import logginglogging.basicConfig(filename='app.log', level=logging.INFO)

在Dash应用中添加上述代码将会把日志记录到名为app.log的文件中,并设置记录级别为INFO。你可以根据需要调整日志级别,以便记录不同程度的信息。

错误处理

另一个重要的方面是错误处理。当应用发生错误时,我们希望能够捕获并记录这些错误,同时向用户提供友好的错误信息。

在Dash应用中,你可以使用try-except块来捕获异常,并在发生异常时返回一个错误页面或显示一条友好的错误消息。

@app.server.errorhandler(Exception)
def handle_error(e):logging.error(f'An error occurred: {str(e)}')return html.H1("Oops! Something went wrong."), 500

在上述代码中,我们定义了一个错误处理函数handle_error,它捕获了所有的异常。当发生异常时,它会将错误信息记录到日志中,并返回一个包含错误消息的页面给用户。

通过良好的日志记录和错误处理,我们可以更好地了解应用的运行情况,并在发生错误时采取相应的措施来保障应用的稳定性和可靠性。

监控和性能优化

最后,一旦应用部署到生产环境中,我们还需要定期监控应用的性能,并采取措施来优化性能。这包括监控应用的响应时间、内存使用情况、CPU负载等指标,并根据监控结果进行优化。

你可以使用监控工具如Prometheus、Grafana等来监控应用的性能指标,并根据监控结果进行调整和优化。

总结:

本文详细介绍了将Dash应用部署到生产环境的关键步骤和必要措施。首先,我们讨论了使用Gunicorn和Nginx来部署Dash应用的方法,并展示了如何通过HTTPS协议提高应用的安全性。接着,我们探讨了如何集成用户认证和权限管理系统,以及如何配置日志记录和错误处理,从而提高应用的稳定性和可靠性。最后,我们强调了监控和性能优化的重要性,并提出了一些监控工具和优化方法。通过这些措施,我们可以将Dash应用部署到生产环境中,并使其在生产环境中更加健壮和可靠,为用户提供优质的服务和体验。

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/775371.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot集成 itextpdf 根据模板动态生成PDF

目录 需求说明前期准备Spring Boot 集成添加依赖构建工具类构建MultipartFile编辑PDF模板Java代码设置对应form的key-value 需求说明 根据合同模板,将动态的合同标签,合同方以及合同签约时间等动态的生成PDF,供用户下载打印。 前期准备 安…

Linux学习_进程

1.进程 概念:程序的一个执行实例,正在执行的程序等,担当分配系统资源(CPU时间,内存)的实体,进程PCB自己的代码和数据 PCB:进程信息被放在一个叫做进程控制块的数据结构中&#xff…

左手医生:医疗 AI 企业的云原生提效降本之路

相信这样的经历对很多人来说并不陌生:为了能到更好的医院治病,不惜路途遥远奔波到大城市;或者只是看个小病,也得排上半天长队。这些由于医疗资源分配不均导致的就医问题已是老生长谈。 云计算、人工智能、大数据等技术的发展和融…

【嵌入式——C语言】VScode编写C程序、交叉编译

【嵌入式——C语言】VScode编写C程序、交叉编译 第一步第二步第三步第四步第五步第六步第七步第八步 第一步 下载Visual Studio Code下载地址 然后直接安装就可以了。 第二步 前提是你的电脑上安装了WSL。。。 打开vscode的扩展,输入WSL进行安装 安装完之后在窗…

装饰器模式实战运用(功能增强)

目录 前言 装饰器模式与代理模式的区别 UML plantuml 类图 实战代码 mybatis cache 前言 装饰器模式和代理模式在使用上很相似,都是在不修改原始类代码的情况下,动态地给真实对象的方法做增强。 装饰器模式是通过创建一个包装对象来包裹原有对象…

c# RichTextbox添加行号

使用另一个RichTextBox放在要添加行号的左边 使用以下代码 //uiRichTextBox1为右侧文本框,uiRichTextBox2为左侧文本框int lineIndex 0;private void uiRichTextBox1_TextChanged(object sender, EventArgs e){if (lineIndex > uiRichTextBox1.Lines.Length){L…

腾讯云4核8G12M云服务器一年646元,送3个月时长

2024年腾讯云4核8G服务器租用优惠价格:轻量应用服务器4核8G12M带宽646元15个月,CVM云服务器S5实例优惠价格1437.24元买一年送3个月,腾讯云4核8G服务器活动页面 txybk.com/go/txy 活动链接打开如下图: 腾讯云4核8G服务器优惠价格 轻…

若依 3.8.7版本springboot前后端分离 整合mabatis plus

1.去掉mybatis 这一步我没有操作&#xff0c;看别人的博客有说不去掉可能冲突&#xff0c;也可能不冲突&#xff0c;我试下来就没去掉如需要去除&#xff0c;到总的pom.xml中properties标签下的<mybatis-spring-boot.version>x.x.x</mybatis-spring-boot.version>…

iPad Pro安装Code APP结合内网穿透实现公网SSH远程连接服务器云开发

文章目录 1. 在iPad下载Code APP2.安装cpolar内网穿透2.1 cpolar 安装2.2 创建TCP隧道 3. iPad远程vscode4. 配置固定TCP端口地址4.1 保留固定TCP地址4.2 配置固定的TCP端口地址4.3 使用固定TCP地址远程vscode 本文主要介绍开源iPad应用IDE Code App 如何下载安装&#xff0c;并…

qt-C++笔记之QSpinBox控件

qt-C笔记之QSpinBox控件 code review! 文章目录 qt-C笔记之QSpinBox控件1.运行2.main.cpp3.main.pro4.《Qt6 C开发指南》&#xff1a;4.4 QSpinBox 和QDoubleSpinBox 1.运行 2.main.cpp #include <QApplication> #include <QSpinBox> #include <QPushButton&g…

electron打包桌面版.exe之vue项目踩坑(vue3+electron 解决打包后首页打开空白,打包后路由不跳转及请求不到后端数据等问题)

vue项目https://www.qingplus.cn/components-web/index打包桌面版问题集合 一、静态资源加载问题 npm run electron_dev桌面版运行后页面空白&#xff0c;内容未加载。 填坑&#xff1a; 打包配置要用相对路径 vite.config.ts文件中的base要改成./&#xff0c;之前加了项目…

软件接口安全设计规范及审计要点

1.token授权安全设计 2.https传输加密 3.接口调用安全设计 4.日志审计里监控 5.开发测试环境隔离&#xff0c;脱敏处理 6.数据库运维监控审计 项目管理全套资料获取&#xff1a;软件开发全套资料_数字中台建设指南-CSDN博客

Java 学习和实践笔记(49):用javabean和一维数组的方式来存储表格数据

还是存储下面这个表格的数据&#xff0c;但使用另一种方法来做。 用javabean和一维数组的方法来做&#xff0c;示例代码如下&#xff1a; /*先创建一个类&#xff0c;其实就是创建好一个只有各属性列的空表格*/ class Employees {private int id;private String name;private …

[2021]Zookeeper getAcl命令未授权访问漏洞概述与解决

今天在漏洞扫描的时候蹦出来一个zookeeper的漏洞问题&#xff0c;即使是非zookeeper的节点&#xff0c;或者是非集群内部节点&#xff0c;也可以通过nc扫描2181端口&#xff0c;获取极多的zk信息。关于漏洞的详细描述参考apache zookeeper官方概述&#xff1a;CVE-2018-8012: A…

Self-Consistency Improves Chain of Thought Reasoning in Language Models阅读笔记

论文链接&#xff1a;https://arxiv.org/pdf/2203.11171.pdf 又到了读论文的时间&#xff0c;内心有点疲惫。这几天还是在看CoT的文章&#xff0c;今天这篇是讲如何利用self-consistency&#xff08;自我一致性&#xff09;来改进大语言模型的思维链推理过程。什么是self-cons…

Android-Handler详解_原理解析

为了方便阅读将文章分为使用篇和源码解析两篇&#xff0c;上一篇已经写了Handler是什么、有什么、怎们用&#xff0c;这一片从源码的角度分析完整流程&#xff0c;看看Handler消息机制到底是啥原理。才疏学浅&#xff0c;如有错误&#xff0c;欢迎指正&#xff0c;多谢。 完整…

标定系列——预备知识-OpenCV中实现Rodrigues变换的函数(二)

标定系列——预备知识-OpenCV中实现Rodrigues变换的函数&#xff08;二&#xff09; 说明记录 说明 简单介绍罗德里格斯变换以及OpenCV中的实现函数 记录

ClickHouse10-ClickHouse中Kafka表引擎

Kafka表引擎也是一种常见的表引擎&#xff0c;在很多大数据量的场景下&#xff0c;会从源通过Kafka将数据输送到ClickHouse&#xff0c;Kafka作为输送的方式&#xff0c;ClickHouse作为存储引擎与查询引擎&#xff0c;大数据量的数据可以得到快速的、高压缩的存储。 Kafka大家…

Ubuntu 配置 kubernetes 学习环境,让外部访问 dashboard

Ubuntu 配置 kubernetes 学习环境 一、安装 1. minikube 首先下载一下 minikube&#xff0c;这是一个单机版的 k8s&#xff0c;只需要有容器环境就可以轻松启动和学习 k8s。 首先你需要有Docker、QEMU、Hyperkit等其中之一的容器环境&#xff0c;以下使用 docker 进行。 对…

65W智能快充—同为科技桌面PDU插座推荐

近10年&#xff0c;移动设备的智能化、功能化已经完全且紧密的融入到我们的基础生活与工作当中。 在常态化的电子设备的应用中&#xff0c;设备的电力续航以及后续的供电充电就尤为重要。 就目前而言&#xff0c;所有消费电子产品中的输入以及充电的接口&#xff0c;usb-c可以…