10分钟快速上手LLM大模型Python前端开发（三）之显示模块（二）

【计划昵称全网统一，代码随想随记，知乎无法立即修改，，】
微信公众号：leetcode_algos_life，代码随想随记
小红书：412408155
CSDN：https://blog.csdn.net/woai8339?type=blog ，代码随想随记
GitHub: https://github.com/riverind
抖音【暂未开始，计划开始】：tian72530，代码随想随记
知乎【暂未开始，计划开始】：happy001

该部分主要讲述图的展示。

绘制plot图

st.pyplot(fig=None, **kwargs)
# fig表示绘制面板，None时为全部面板

举个例子，

import matplotlib.pyplot as plt
import numpy as np

a  = np.random.normal(1, 1, size=100)
plt.hist(a, bins=10)
st.pyplot()
# fig表示绘制面板，None时为全部面板

显示如下：

显示折线图

st.line_chart(data=None, width=0, height=0)
"""
data需要是可迭代的数据，
pandas.DataFrame
pandas.Styler
numpy.ndarray
Iterable
dict – None

width：图表宽度，0表示使用完整宽度
height：图表高度，0表示使用默认高度
"""

代码如下：

chart_data = {
    'foo': 'bar',
     'baz': 'boz',
     'stuff': [
        'stuff 1',
        'stuff 2',
        'stuff 3',
        'stuff 5',
    ],
 }
st.line_chart(chart_data)

显示如下：

区域图

st.area_chart(chart_data)

显示地图

st.map(data, zoom=None)

data类型与之前相同，只是是经纬度。

st.write("地图如下：")
import numpy as np
map_data = np.array([[37.77633507, -122.41886917],[37.75131941, -122.42105594]])
data = pd.DataFrame(map_data, columns=['lat', 'lon'])
st.map(data)

显示如下：

显示图像

st.image(image)

一般情况下，图片类型 为JPEG或者PNG。
代码如下：

st.write("图片如下：")
import numpy as np
from PIL import Image
image = Image.open("./test.jpg")
st.image(image)

显示音视频

# 音频
st.audio(data, format='audio/wav', start_time=0)
# 视频
st.video(data, format='video/mp4', start_time=0)

代码如下：

# audio
audio_file = open('myaudio.ogg', 'rb')
audio_bytes = audio_file.read()
st.audio(audio_bytes, format='audio/ogg')

# video
video_file = open('video.mp4', 'rb')
video_bytes = video_file.read()
st.video(video_bytes)