30天学会《Streamlit》(4)

这篇具有很好参考价值的文章主要介绍了30天学会《Streamlit》(4)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

30天学会《Streamlit》是一项编码挑战,旨在帮助您开始构建Streamlit应用程序。特别是,您将能够:

  • 为构建Streamlit应用程序设置编码环境

  • 构建您的第一个Streamlit应用程序

  • 了解用于Streamlit应用程序的所有很棒的输入/输出小部件

第4天 - st.write

st.write允许将文本和参数写入Streamlit应用程序。

除了能够显示文本外,还可以通过st.write()命令显示以下内容:

  • 打印字符串;工作方式类似于st.markdown()

  • 显示Python中的dict

  • 将pandas显示为表格

  • 来自matplotlib、plotly、altair、graphviz、bokeh的各类图形

  • 以及更多(参见API文档上的st.write:https://docs.streamlit.io/library/api-reference/write-magic/st.write)

我们在建立什么

一个简单的应用程序,展示了如何使用st.write()命令显示文本、数字、数据帧和绘图的各种方法。

演示应用程序

已部署的Streamlit应用程序应与以下链接中所示的类似:

https://share.streamlit.io/dataprofessor/st.write/

代码

下面是实现上述应用程序的代码:


import numpy as np
import altair as alt
import pandas as pd
import streamlit as st
st.header('st.write')
# Example 1
st.write('Hello, *World!* :sunglasses:')
# Example 2
st.write(1234)
# Example 3
df = pd.DataFrame({
'first column': [1, 2, 3, 4],
'second column': [10, 20, 30, 40]
     })
st.write(df)
# Example 4
st.write('Below is a DataFrame:', df, 'Above is a dataframe.')
# Example 5
df2 = pd.DataFrame(
     np.random.randn(200, 3),
     columns=['a', 'b', 'c'])
c = alt.Chart(df2).mark_circle().encode(
     x='a', y='b', size='c', color='c', tooltip=['a', 'b', 'c'])
st.write(c)

逐行解释

创建Streamlit应用程序时要做的第一件事是首先导入Streamlit库,作为st,如下所示:


import streamlit as st

然后为应用程序创建标题文本:

st.header('st.write')

示例1:其基本用例是显示文本和Markdown格式的文本:

st.write('Hello, *World!* :sunglasses:')

示例2:如上所述,它还可以用于显示其他数据格式,例如数字:

st.write(1234)

示例3:DataFrames也可以显示如下:

df = pd.DataFrame({
'first column': [1, 2, 3, 4],
'second column': [10, 20, 30, 40]
     })
st.write(df)

示例4:可以传入多个参数:

st.write('Below is a DataFrame:', df, 'Above is a dataframe.')

示例5:最后,您还可以通过将其传递给变量来显示绘图,如下所示:

df2 = pd.DataFrame(
     np.random.randn(200, 3),
     columns=['a', 'b', 'c'])
c = alt.Chart(df2).mark_circle().encode(
     x='a', y='b', size='c', color='c', tooltip=['a', 'b', 'c'])
st.write(c)

接下来的步骤

现在您已经在本地创建了Streamlit应用程序,现在是将其部署到Streamlit社区云的时候了,这将在即将到来的挑战中进行解释。

因为这是你挑战的第一周,我们在这个网页中提供了完整的代码(如上面的代码框所示)和解决方案(演示应用程序)。

在接下来的挑战中,建议您首先尝试自己实施Streamlit应用程序。

如果你陷入困境,不要担心,你可以随时查看解决方案。

参考

除了st.write,您还可以探索其他显示文本的方法:

  • st.markdown

  • st.header

  • st.subheader

  • st.caption

  • st.text

  • st.latex

  • st.code

https://docs.streamlit.io/library/api-reference/text

加油吧,测试人!如果你需要提升规划,那就行动吧,在路上总比在起点观望的要好。未来的你肯定会感谢现在拼命的自己!

30天学会《Streamlit》(4)文章来源地址https://www.toymoban.com/news/detail-417789.html

到了这里,关于30天学会《Streamlit》(4)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【NLP】一项NER实体提取任务

            从文本中提取实体是一项主要的自然语言处理 (NLP) 任务。由于深度学习(DL)的最新进展使我们能够将它们用于NLP任务,并且与传统方法相比,在准确性上产生了巨大的差异。         我试图使用深度学习和传统方法从文章中提取信息。结果是惊人的,因为

    2024年02月16日
    浏览(36)
  • 获取对象数组中某一项最大值

    对象数组是指一个数组中存储了多个对象的集合。在许多编程语言中,我们可以使用对象数组来方便地存储和管理多个对象的数据。 对象数组可以包含相同类型的对象,也可以包含不同类型的对象。每个对象都可以有自己的属性和方法,通过数组索引可以访问和操作这些对象

    2024年02月11日
    浏览(64)
  • 隐私计算真的是一项变革性技术么?

    原文地址:The Business Case for Privacy Enhancing Technologies 原文作者:Ellison Anne Williams 翻译 整理:开放隐私计算 PrimiHub 在一个科技热点层出不穷的时代,当一项技术被描述为变革性技术时,其实人们第一时间反而是警惕,然后是质疑。最近几年变革性技术这个标签落在了隐私计算

    2024年02月05日
    浏览(48)
  • css-伪类:not实现列表最后一项没有样式

            有了 :not 这个选择符,那么你将可以很好的处理类似这样的场景:假定有个列表,每个列表项都有一条底边线,但是最后一项不需要底边线。 示例: html:  css:  效果:  

    2024年02月11日
    浏览(55)
  • element中table多选功能禁止选择某一项

    element-ui中的table的多选很好用,但是如果其中某一项禁止选择,该怎样操作呢 在官方文档中,有一个这样的属性,可以控制是否禁止选择

    2024年02月13日
    浏览(34)
  • 在C++中,如何把vector中的某一项删除

    要在C++中从vector中删除某个元素,可以使用vector的erase()函数。erase()函数接受一个迭代器参数,该参数指向要删除的元素。以下是一个简单的例子: 在上面的例子中,我们使用erase()函数删除了vector中的第三个元素,即数字3。在调用erase()函数时,我们使用迭代器指向要删除的

    2024年02月16日
    浏览(46)
  • js修改对象数组中其中某一项属性值(转换格式)

    我们对接口渲染数据的时候,经常会遇到后端返给我们数组中某个属性的格式跟我们想要的不一样,比如,我们渲染需要 小桥,中桥,大桥,返回的数组 分别用 1,2,3来表示小 中 大桥的 第一种方法呢就是 对数组进行遍历 第二种方法看如下代码: 

    2024年02月12日
    浏览(43)
  • el-select的某一项选中后显示id

    环境:   vue3+element-plus  今天在使用elementui的下拉组件的时候发现有一个选项在选中后显示的是id.找了会没看到问题,后来想到会不会是没有设置key的原因(之前看到说vue3可以不用设置key),果然加上key就可以了

    2024年02月07日
    浏览(45)
  • 华为星闪,一项将 “ 更稳 WiFi ” 和 “ 更好蓝牙 ” 融合起来的通信标准

    兼顾多用途和专业化的 AI 大模型、移除安卓代码的 HarmonyOS NEXT 、给折叠屏应用提供适配方向的《 折叠屏/平板应用体验评估标准 》。。。 不过除了这些比较贴近我们普通用户,容易讲清楚的东西,华为还官宣了一个大家可能没注意的黑科技: 星闪,一项将 “ 更稳 WiFi

    2024年02月11日
    浏览(32)
  • Element ui tabs组件左右箭头切换 (第一项为固定项)

    之前发布过一篇关于切换的 但是有点瑕疵 这次补充一下 data里没啥可看的 就是要渲染的数据定义 在生命周期里刚开始的时候判断了一下 看是否添加固定项 因为我这个是组件 这个是判断条数低于几条的时候不展示左右箭头 有需求的话看是开局就添加还是监测到数据了在触发

    2024年02月01日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包