Unexpectedly, Python can also create web visualization pages!

#When it comes to Web pages, perhaps the first thing that comes to mind is HTML, CSS or JavaScript.

This time Xiao F will introduce to you how to use Python to create a data visualization web page, using Streamlit library.

Easily convert an Excel data file into a Web page for everyone to view online.

whenever You make changes to the Excel file and save it, and the web page can be updated in real time, which is really good.

Streamlit’s documentation and tutorial addresses are as follows.

https://docs.streamlit.io/en/stable/

https://streamlit.io/gallery

Relevant API usage can be viewed in the documentation, which has detailed explanations.

The project has three files in total, program, picture, and Excel table data.

##The data situation is as follows, a company’s year-end questionnaire survey (fictitious data), the scores of relevant departments on the work collaboration of the production department.

#The total number of valid data is about 676 Article, anonymous questionnaire, including the department, age, and score of the person filling out the questionnaire.

Finally, the number of participants in each department is summarized and counted (data on the right).

First install the relevant Python library and use Baidu source.

# 安装streamlit
pip install streamlit -i https://mirror.baidu.com/pypi/simple/

# 安装Plotly Express
pip install plotly_express==0.4.0 -i https://mirror.baidu.com/pypi/simple/

# 安装xlrd
pip install xlrd==1.2.0 -i https://mirror.baidu.com/pypi/simple/

Because our data files are in xlsx format, the latest version of xlrd only supports xls files.

So you need to specify the xlrd version as 1.2.0 so that pandas can successfully read the data.

Command line terminal launches the web page.

##

# 命令行终端打开文件所在路径
cd Excel_Webapp

# 运行网页
streamlit run app.py

##Success There will be a prompt in the future and the browser will automatically pop up the web page.

#If it does not pop up automatically, You can directly access the address in the picture above.

The result is as follows, a data visualization webpage comes out.

#Currently only

It can be accessed and viewed locally. If you want to put it online, you can deploy it through the server. You need to study it by yourself~

## Let’s take a look at the specific code.

import pandas as pd
import streamlit as st
import plotly.express as px
from PIL import Image

# 设置网页名称
st.set_page_config(page_title='调查结果')
# 设置网页标题
st.header('2020年调查问卷')
# 设置网页子标题
st.subheader('2020年各部门对生产部的评分情况')

导入相关的Python包，pandas处理数据，streamlit用来生成网页，plotly.express则是生成图表，PIL读取图片。

设置了网页名称，以及网页里的标题和子标题。

# 读取数据
excel_file = '各部门对生产部的评分情况.xlsx'
sheet_name = 'DATA'

df = pd.read_excel(excel_file,
                   sheet_name=sheet_name,
                   usecols='B:D',
                   header=3)

# 此处为各部门参加问卷调查人数
df_participants = pd.read_excel(excel_file,
                                sheet_name=sheet_name,
                                usecols='F:G',
                                header=3)
df_participants.dropna(inplace=True)

# streamlit的多重选择(选项数据)
department = df['部门'].unique().tolist()
# streamlit的滑动条(年龄数据)
ages = df['年龄'].unique().tolist()

读取Excel表格数据，并且得出年龄分布以及部门情况，一共是有5个部门。

添加滑动条和多重选择的数据选项。

# 滑动条, 最大值、最小值、区间值
age_selection = st.slider('年龄:',
                          min_value=min(ages),
                          max_value=max(ages),
                          value=(min(ages), max(ages)))

# 多重选择, 默认全选
department_selection = st.multiselect('部门:',
                                      department,
                                      default=department)

结果如下。

年龄是从23至65，部门则是市场、物流、采购、销售、财务这几个。

由于滑动条和多重选择是可变的，需要根据过滤条件得出最终数据。

# 根据选择过滤数据
mask = (df['年龄'].between(*age_selection)) & (df['部门'].isin(department_selection))
number_of_result = df[mask].shape[0]

# 根据筛选条件, 得到有效数据
st.markdown(f'*有效数据: {number_of_result}*')

# 根据选择分组数据
df_grouped = df[mask].groupby(by=['评分']).count()[['年龄']]
df_grouped = df_grouped.rename(columns={'年龄': '计数'})
df_grouped = df_grouped.reset_index()

得到数据便可以绘制柱状图了。

# 绘制柱状图, 配置相关参数
bar_chart = px.bar(df_grouped,
                   x='评分',
                   y='计数',
                   text='计数',
                   color_discrete_sequence=['#F63366']*len(df_grouped),
                   template='plotly_white')
st.plotly_chart(bar_chart)

使用plotly绘制柱状图。

当我们在网页调整选项时，有效数据和柱状图也会随之变化。

此外streamlit还可以给网页添加图片和交互式表格。

# 添加图片和交互式表格
col1, col2 = st.beta_columns(2)
image = Image.open('survey.jpg')
col1.image(image,
           caption='Designed by 小F / 法纳斯特',
           use_column_width=True)
col2.dataframe(df[mask], width=300)

得到结果如下。

可以看到表格有一个滑动条，可以使用鼠标滚轮滚动查看。

最后便是绘制一个饼图啦！

# 绘制饼图
pie_chart = px.pie(df_participants,
                   title='总的参加人数',
                   values='人数',
                   names='公司部门')
st.plotly_chart(pie_chart)

结果如下。

各部门参加问卷调查的人数，也是一个可以交互的图表。

Cancel sales, marketing, and logistics, and we can see that finance and procurement The proportion of people who participated in the questionnaire survey.

The above is the detailed content of Unexpectedly, Python can also create web visualization pages!. For more information, please follow other related articles on the PHP Chinese website!