Python制作可视化报表的示例详解

更新时间：2022年02月23日 09:52:16 作者：法纳斯特

在数据展示中使用图表来分享自己的见解，是个非常常见的方法。这也是Tableau、Power BI这类商业智能仪表盘持续流行的原因之一。本文主主要介绍了一个用Python制作可视化报表的案例，感兴趣的可以学习一下

大家好，我是小F～

在数据展示中使用图表来分享自己的见解，是个非常常见的方法。

这也是Tableau、Power BI这类商业智能仪表盘持续流行的原因之一，这些工具为数据提供了精美的图形解释。

当然了，这些工具也有着不少缺点，比如不够灵活，无法让你自己创建设计。

当你对图表展示要求定制化时，编程也许就比较适合你，比如Echarts、D3.js。

今天小F给大家介绍一个用Python制作可视化报表的案例，主要是使用到Dash+Tailwindcss。

可视化报表效果如下，水果销售情况一览~

Dash是基于Plotly搭建的Dashbord框架，支持Python、R和Julia。使用Dash，你可以创建自定义响应式仪表板。

相关文档

说明：https://www.tailwindcss.cn/docs

下面就给大家讲解下如何通过Dash+Tailwindcss搭建可视化报表～

首先安装相关的Python库，然后导入。

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

使用到了Pandas、Plotly、dash这三个Python库。

我们需要把Tailwindcss的CDN作为external_script，并将其传递给我们的应用程序实例，这样我们才可以成功使用Tailwindcss。

# 导入tailwindcss的CDN
external_script = ["https://tailwindcss.com/", {"src": "https://cdn.tailwindcss.com"}]
 
# 创建Dash实例
app = dash.Dash(
    __name__,
    external_scripts=external_script,
)
app.scripts.config.serve_locally = True

使用Pandas创建水果销售数据，随便虚构了一个。

# 创建数据
df = pd.DataFrame(
    {
        "Fruit": ["苹果", "橙子", "香蕉", "苹果", "橙子", "香蕉"],
        "Amount": [4.2, 1.0, 2.1, 2.32, 4.20, 5.0],
        "City": ["北京", "北京", "北京", "上海", "上海", "上海"],
    }
)
 
print(df)

结果如下，3列6行，包含水果、销售额、城市列。

处理一下相关的数据，水果单数、销售总额、城市单数、变量数。

# 水果单数
fruit_count = df.Fruit.count()
# 销售总额
total_amt = df.Amount.sum()
# 城市单数
city_count = df.City.count()
# 变量数
variables = df.shape[1]

创建图表实例，一个柱状图、一个箱型图。

# 柱状图1, 不同水果不同城市的销售额
fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")
 
# 箱型图1, 不同城市的销售额分布情况
fig1 = px.box(df, x="City", y="Amount", color="City")

效果如下。

剩下就是文字模块啦，文字+CSS样式。

其中排版布局美化，通过Tailwindcss来实现。

app.layout = html.Div(
    html.Div(
        children=[
            html.Div(
                children=[
                    html.H1(children="水果销售--可视化报表", className=" py-3 text-5xl font-bold text-gray-800"),
                    html.Div(
                        children="""Python with Dash = 💝 .""",
                        className="text-left prose prose-lg text-2xl  py-3 text-gray-600",
                    ),
                ],
                className="w-full mx-14 px-16 shadow-lg bg-white -mt-14 px-6 container my-3 ",
            ),
            html.Div(
                html.Div(
                    children=[
                        html.Div(
                            children=[
                                f"¥{total_amt}",
                                html.Br(),
                                html.Span("总销售额", className="text-lg font-bold ml-4"),
                            ],
                            className=" shadow-xl py-4 px-14 text-5xl bg-[#76c893] text-white  font-bold text-gray-800",
                        ),
                        html.Div(
                            children=[
                                fruit_count,
                                html.Br(),
                                html.Span("水果数量", className="text-lg font-bold ml-4"),
                            ],
                            className=" shadow-xl py-4 px-24 text-5xl bg-[#1d3557] text-white  font-bold text-gray-800",
                        ),
                        html.Div(
                            children=[
                                variables,
                                html.Br(),
                                html.Span("变量", className="inline-flex items-center text-lg font-bold ml-4"),
                            ],
                            className=" shadow-xl py-4 px-24 text-5xl bg-[#646ffa] text-white  font-bold text-gray-800",
                        ),
                        html.Div(
                            children=[
                                city_count,
                                html.Br(),
                                html.Span("城市数量", className="text-lg font-bold ml-4"),
                            ],
                            className="w-full shadow-xl py-4 px-24 text-5xl bg-[#ef553b] text-white  font-bold text-gray-800",
                        ),
                    ],
                    className="my-4 w-full grid grid-flow-rows grid-cols-1 lg:grid-cols-4 gap-y-4 lg:gap-[60px]",
                ),
                className="flex max-w-full justify-between items-center ",
            ),
            html.Div(
                children=[
                    html.Div(
                        children=[
                            dcc.Graph(id="example-graph", figure=fig),
                        ],
                        className="shadow-xl w-full border-3 rounded-sm",
                    ),
                    html.Div(
                        children=[
                            dcc.Graph(id="example-graph1", figure=fig1),
                        ],
                        className="w-full shadow-2xl rounded-sm",
                    ),
                ],
                className="grid grid-cols-1 lg:grid-cols-2 gap-4",
            ),
        ],
        className="bg-[#ebeaee]  flex py-14 flex-col items-center justify-center ",
    ),
    className="bg-[#ebeaee] container mx-auto px-14 py-4",
)

效果如下。

最后启动程序代码。

if __name__ == '__main__':
    # debug模式, 端口7777
    app.run_server(debug=True, threaded=True, port=7777)
    # 正常模式, 网页右下角的调试按钮将不会出现
    # app.run_server(port=7777)

这样就能在本地看到可视化大屏页面，浏览器打开如下地址。

http://127.0.0.1:7777

以后制作的图表不仅能在线展示，还能实时更新，属实不错~

到此这篇关于Python制作可视化报表的示例详解的文章就介绍到这了,更多相关Python可视化报表内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Python列表与元组的异同详解
这篇文章主要介绍了Python列表与元组的异同详解,“列表(list)与元组(tuple)两种数据类型有哪些区别”这个问题在初级程序员面试中经常碰到，超出面试官预期的答案往往能加不少印象分，也会给后续面试顺利进行提供一定帮助,需要的朋友可以参考下
2019-07-07
快速解决pymongo操作mongodb的时区问题
这篇文章主要介绍了快速解决pymongo操作mongodb的时区问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-12-12
Pytorch中.new()的作用详解
今天小编就为大家分享一篇Pytorch中.new()的作用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-02-02
Python实战之异步获取中国天气信息
这篇文章主要介绍了如何利用Python爬虫异步获取天气信息，用的API是中国天气网。文中的示例代码讲解详细，感兴趣的小伙伴可以动手试一试
2022-03-03
Python使用virtualenv创建虚拟环境的详细步骤
这篇文章主要介绍了Python使用virtualenv创建虚拟环境的详细步骤,本文分步骤给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
2024-05-05
Python 窗体(tkinter)按钮位置实例
今天小编就为大家分享一篇Python 窗体(tkinter)按钮位置实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-06-06
python 文件读写操作示例源码解读
这篇文章主要为大家介绍了python 文件读写操作示例源码解读，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
浅析Flask如何使用日志功能
这篇文章主要为大家详细介绍了Flask是如何使用日志功能的，文中的示例代码讲解详细，对我们深入了解Flask有一定的帮助，需要的可以参考一下
2023-05-05
python 实现列表的切片操作允许索引超出范围
这篇文章主要介绍了python 实现列表的切片操作允许索引超出范围，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2021-05-05
py3nvml实现GPU相关信息读取的案例分析
这篇文章主要介绍了py3nvml实现GPU相关信息读取,此时就可以考虑使用py3nvml这样的工具，针对于GPU任务执行的过程进行细化的分析，有助于提升GPU的利用率和程序执行的性能，需要的朋友可以参考下
2022-01-01

Python制作可视化报表的示例详解

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具