下一个→ ←上一页

使用Dash在Python中开发数据可视化接口

作品简介:

在本文中，我们将讨论如何使用Dash在Python中开发数据可视化接口。在未来，开发分析性web程序变成了专业开发人员的任务，需要了解几种编程语言和框架。事实并非如此。最近，您可以使用自然Python制作记录可视化接口。一种流行的方法是冲刺。Dash允许统计科学家在交互式网络包中展示他们的结果。你想做的不是网站开发专业人员。你可以构建和安装一个sprint应用程序，以与其他应用程序每天成比例。

Dash是什么意思?

Dash是一个用于构建信息可视化界面的开源框架。作为Python库于2017年发布，它已经发展到包括R, Julia和f#实现。Sprint使统计科学家能够在不需要高级网络改进信息的情况下构建分析网络包。

三项技术构成了sprint的核心:

Flask提供了net服务器功能。
Js呈现Internet页面的用户界面。
Js生成软件使用的图表。

但你可以把这些技术的画作结合起来。Sprint会为你做这些。你想要写下Python、R、Julia或f#，并在其中添加一大块CSS。加拿大综合企业Plotly构建了sprint并帮助其改进。您可以从共享其调用的流行图形库中了解该公司。该公司在麻省理工学院的许可下推出了sprint作为开放供应，所以你可以免费使用dash。另外有意为dash提供一个行业合作伙伴，称为dash组织。这家付费运营商为团体提供帮助服务，包括网络托管、部署和处理dash程序的身份验证。但这些功能都是在dash的开源环境中实现的。Dash将帮助您快速构建仪表板。 If you are used to studying records or building facts visualizations using Python, then sprint can be a beneficial addition to your toolbox. Right here are a few examples of what you could make with a dash:

显示自用汽车项目检测的仪表板
成千上万次优步出行的可视化
一种用于研究足球服信息的交互式装置

这只是一个很小的样本。如果你想看到其他令人兴奋的使用实例，请查看dash App Gallery。如果您对需求感到轻松，并且需要学习如何在下一次创业中使用sprint，请继续执行以下阶段。

在Python中开始使用Dash:

在本教程中，您将完成使用破折号构建仪表板的退出到退出过程。如果您遵循这些示例，您将从您的邻居机器的基本仪表板转变为部署在PythonAnywhere上的样式仪表板。为了构建仪表板，您将使用2015年至2018年美国牛油果收入和费用的数据集。Justin Kiggins利用哈斯牛油果委员会的信息编制了这个数据集。

设置本地环境的步骤:

你需要一个新的目录来存放你的代码和记录，以增加你的应用程序。你还需要一个干净的Python数字环境。要创建这些，请执行以下命令，选择适合您操作的设备的版本:

            PS> mkdir avocado_analytics PS> cd avocado_analytics PS> python -m venv venv PS> venv\Scripts\activate
           

前两个指令在你的作业中创建了一个列表，并在那里循环你的当代场所。下一个命令在附近创建数字环境。最后一个命令激活数字环境。接下来，您需要放入所需的库。你可以尝试在你的数字环境中使用pip。如下所示安装库:

这个命令将为您的数字环境安装sprint和pandas。您将使用这些程序的变体，以确保您拥有与本教育中某些时候使用的环境相同的环境。与dash一起，pandas将帮助您阅读和整理应用程序中使用的数据。

最后，您需要将一些记录输入到仪表板中。您可以下载统计数据和您在此教育期间发现的代码。将记录以avocado.csv的形式存储在企业的根清单中。到目前为止，您需要在作业的根文件夹中拥有包含所需库和记录的虚拟环境。你的承诺的形状应该是这样的:

程序结构:

构建Dash应用程序的过程是什么?

对于改进函数，考虑分三步构造dash实用程序的方法是有益的:

定义你的实用程序的内容和应用程序的布局使用。
使用CSS或样式化组件为应用程序的外观设计样式。
使用回调来确定应用程序的哪些部分是交互式的，以及它们对什么做出反应。

在这个阶段，您将学习布局。接下来，您将学习时尚，并在稍后的部分中，您将学习如何使您的仪表板交互。您将首先设置要初始化实用程序的所有内容，然后定义应用程序的布局。

如何初始化Dash应用程序?

在企业的根目录中创建一个名为app.py的空记录，然后在本节中计算app.py的代码。为了更容易地重现完整的代码，您将在此阶段结束时发现app.py的全部内容。这里是app.py的前几个片段:

程序代码:

            导入dash, dcc, html data = (pd.read_csv("avocado.csv")。查询("type == 'conventional' and region == 'Albany'") .assign(Date=lambda data: pd。to_datetime(数据(“日期”),格式= Y“% - % - % d”)).sort_values(=“日期”))应用=破折号(__name__)
           

在轨迹3和4上导入指定的库:pandas和dash。您将使用熊猫来阅读和组织信息。您正在从破折号中导入以下因素:

Dash允许您初始化您的实用程序。
html，也被称为sprint html组件，帮助您获得html标签的许可。
Dcc是dash center组件的缩写，它允许您创建图形、下拉列表或日期级别等交互式组件。

在第6行到第11行，检查记录并对它们进行预处理，以便在指示板中使用。清除一些统计数据，因为您的指示板需要更具交互性，而绘制的值不会让您产生其他感觉。联机十三，您创建了一个sprint类的示例。如果您以前使用过Flask，那么初始化dash优雅也可能看起来很熟悉。在Flask中，通常使用Flask(__name__)初始化WSGI软件。类似地，对dash应用程序操作dash(__name__)。

定义Dash实用程序的布局:

接下来，您将定义软件的格式属性。这种归属决定了你的应用的内容。在这个例子中，你将立即使用一个标题，下面有一个描述，用图表观察。下面是你概述它的方法:

程序代码:

            App.layout = html。Div(children=[html]。H1(children="Avocado Analytics")， html。P(children=(“分析2015年至2018年在美国销售的鳄梨价格和数量的变化”)，)，dcc。图(图={“数据”:[{“x”:数据(“日期”),“y”:数据(“AveragePrice”),“类型”:“行 ", }, ], " 布局”:{“标题”:“鳄梨的平均价格 "}, }, ), 大同。图(图={“数据”:[{“x”:数据(“日期”),“y”:数据(“总量”),“类型”:“行 ", }, ], " 布局”:{“标题”:“鳄梨卖 "}, }, ), ] )
           

通过这段代码，您可以勾勒出应用程序项的.format属性。该属性使用由sprint组件组成的树形结构来确定软件的内容。破折号添加剂是预先打包在Python库中的。其中一些在您部署时包含了sprint。您需要一个接一个地安装其余的。几乎在每个应用中，你都会看到两组添加剂:

破折号HTML组件模块为HTML因素提供了Python包装器。例如，您可以使用破折号HTML组件来创建因素，包括段落、标题或列表。
dash核心组件模块为您提供了用于不断增长的交互式消费者接口的Python抽象。您可以使用这些组件来创建图形、滑块或下拉列表的交互式元素。

在跟踪5到13中，您可以在实践中看到虚线HTML组件。首先使用定义父元素html.Div。然后你一定要添加更多的因素，一个标题(html.H1)和一个段落(html.P)，作为它的年轻人。

这些组件相当于HTML标记。您可以使用组件的参数来修改属性或标记的内容。例如，要指定标签内部的内容，可以使用html.Div中的参数。添加剂中还有其他参数，包括fashion、className和id，它们与HTML标记的属性有关。您将看到如何使用其中的几个属性在随后的段中对仪表板进行样式设置。第5行到第13行显示的部分布局将被转换为以下HTML代码:

HTML格式的程序代码:

            <div> <h1>牛油果分析</h1> <p>分析2015年至2018年美国牛油果价格和牛油果销售数量的变化</p> <!——app其余部分——> </div>
           

当您在浏览器中打开软件时，将呈现此HTML代码。它遵循Python代码的结构，带有一个包含an和a的标记

细节。在布局代码片段的第14行和第26行，您可以看到练习中破折号核心组件的图形问题。有两个dcc。app.format中的图形组件。第一个图表显示了一段时间内某一阶段牛油果的平均价格，第二个图表显示了同一段时间内美国境内提供的牛油果数量。

在底层，dash使用plot .js生成图形。大同。图形添加依赖于父对象或包含图形记录和格式的Python字典。在这种情况下，您提供后者。最后，这两种代码可以帮助您运行软件:

Python程序代码:

这些代码行使用Flask的内置服务器在本地运行Dash应用程序。debug=True参数启用应用程序中的热重新加载选项。这意味着当你更改应用程序时，它会自动重新加载而无需重新启动服务器。您可以展开以下方框，在单个清单中查看完整的源代码:

            import pandas from dash import dash, dcc, html data = (pd.read_csv("avocado.csv") .query("type == 'conventional' and region == 'Albany'") .assign(Date=lambda data: pd. csv)。to_datetime(数据(“日期”),格式= Y“% - % - % d”)).sort_values(=“日期”))应用=破折号(__name__) app.layout = html。Div(children=[html]。H1(children="Avocado Analytics")， html。P(children=(“分析2015年至2018年在美国销售的鳄梨价格和数量的变化”)，)，dcc。图(图={“数据”:[{“x”:数据(“日期”),“y”:数据(“AveragePrice”),“类型”:“行 ", }, ], " 布局”:{“标题”:“鳄梨的平均价格 "}, }, ), 大同。图(图={“数据”:[{“x”:数据(“日期”),“y”:数据(“总量”),“类型”:“行 ", }, ], " 布局”:{“标题”:“鳄梨卖 "}, }, ), ] )if __name__ = =“__main__”:app.run_server (debug = True)
           

这是您的基本仪表板的代码。它包括您在本节前面回顾的所有代码片段。现在是运行实用程序的时候了。在任务的虚拟环境激活的情况下，在任务的根目录中打开一个终端。

如何在组件中应用样式?

我们可以用两种方法来设计添加剂的样式:

使用男性或女性成分的时尚论点
提供外部CSS文件

使用style参数来定制仪表板很简单。该参数接受一个Python字典，其中包含key-fee对、CSS属性的名称和需要设置的值。在样式参数中指定CSS属性时，需要使用混合大小写语法，而不是用连字符分隔的短语。例如，要交换元素的继承颜色，您需要使用背景而不是背景颜色。如果你想在app.py中交换H1细节的大小和颜色，那么你可以设置元素的样式参数如下:

Python程序代码:

            超文本标记语言H1(children="Avocado Analytics"， style={"fontSize": "50px"， "color": "green"}，)
           

在这里，您提供了使用房屋和您想要设置的相应值来设置字典的样式。在本例中，所需的样式是使用字体大小为50像素的粉红色标题。

使用样式参数的缺点是，它需要随着代码库的增长而更好地扩展。如果您的指示板有两个组件需要看起来相同，那么您将重复大量代码。代替物;您可以使用自定义CSS文件。

假设您需要包含相邻的CSS或JavaScript文件。在这种情况下，您需要在分配的根列表中创建一个名为“财物/”的文件夹，并将需要添加的文档存储在那里。默认情况下，dash自动为assets/中包含的任何文件提供服务。这也可能是用于添加图标或嵌入像素的绘画，如在一件作品中所见。

然后，您可以使用组件的classname或id参数为它们设置CSS样式。当转换为HTML标记时，这些参数对应于class和id属性。如果你想在app.py中调整H1元素的字体大小和文本颜色，你可以像这样使用classname参数:

            超文本标记语言H1(children="Avocado Analytics"， className="header-title"，)
           

如何在仪表板中创建更好的外观?

你只是在冲刺中保护了基本的造型。现在，您将学习如何自定义仪表板外观。你将做出以下改进:

添加一个图标和名称的网页。
交换仪表板的字体系列。
使用外部CSS文档为sprint组件设置样式。

您将开始利用学习如何在实用程序中使用外部物品。这将帮助你上传一个图标、一个自定义字体圈和一个CSS样式表。然后，您将发现使用className参数在破折号组件中应用自定义样式的方法。

我们如何为免费PythonAnywhere创建一个帐户?

在我们开始之前，确保我们已经注册了一个PythonAnywhere新手帐户，该帐户是免费的，不需要我们提供任何收费信息。也就是说，它有一些你需要注意的限制。最重要的因素将阻止我们做后续的事情:

同时浏览多个互联网应用程序
定义自定义域调用
超过可用磁盘配额(512mb)
CPU使用时间超过100秒，与天一致
从应用程序发出不受限制的HTTP请求

对于本教程，尽管您可能不需要这些。如果你在欧洲，考虑通过ecu.pythonanywhere.com而不是www.pythonanywhere.com注册。它将确保你的数据符合GDPR, PythonAnywhere将在德国的服务器上存储这些数据。正因为如此，你也可以陶醉于稍微更快的反应实例。迟早，如果你决定成为付费买家，你将被收取欧元而不是美元。

如果您现在不关心上述任何一个函数，那么可以随意研究上面的两个PythonAnywhere链接中的任何一个。但是，请注意，当您在一个区域注册用户名时，您将获得能够在相反区域重复使用该用户名。另一个需要谨慎考虑用户名的原因是，它必须如此，因为它将成为域名调用的一部分。在PythonAnywhere上登录新帐户后，必须验证您的电子邮件交易以重置密码，以防您忘记密码。此外，在帐户设置的安全选项卡上允许双元素身份验证作为额外的安全级别可能是一个非常好的主意。

如果您刚刚创建了一个新帐户，那么您已经可以移动了。但是假设您在过去注册了一个PythonAnywhere帐户。在这种情况下，您可能需要将您的小工具照片换成最近的照片，该照片附带最新的Python模型和更新的1/3生日庆祝库。在撰写本文时，名为haggis的超现代映像随Python 3.10.5、pandas 1.3.5和dash 2.4.1一起发布。

如何安装鳄梨分析应用程序?

事实上，sprint应用程序是Flask应用程序的一些更强大的功能，你可以利用pythonanywhere对这个流行的Python web框架的精致帮助。

在登录到PythonAnywhere帐户时，从Dashboard或控制台选项卡创建一个新的Bash shell控制台。这可以使您进入交互式数字服务器激活，使您可以立即从网络浏览器远程执行命令。

已经为您挂载了许多有用的包，例如Git赞助人，您将使用它将企业的供应代码放入PythonAnywhere。你也可以用不同的方式上传文件;然而，使用Git似乎是最方便的。如果仍然需要创建自己的存储库，可以克隆实际的Python材料存储库和样例破折号实用程序。

结论:

在本文中，我们将讨论如何使用Dash在Python中开发数据可视化接口。您刚刚构造、定制设计并部署了使用sprint的第一个仪表板。您从一个简单的仪表板变成了一个部署在PythonAnywhere上的完全交互式的仪表板。有了这样的理解，您就可以使用sprint来构建分析包，并与其他包进行比较。随着大公司越来越重视使用记录，了解如何使用sprint将提高你在工作场所的影响力。你现在可以做以前最好的专家可能想在一个下午完成的任务。现在你是准备扩大新的仪表盘包。发现一个数据集，考虑一些令人兴奋的可视化，并构造任何其他指示板。

下一个话题 python中'del'和'pop'的区别

←上一页下一个→