翻译: Streamlit从入门到精通 显示图表Graphs 地图Map 主题Themes 二

Streamlit从入门到精通 系列:

  1. 翻译: Streamlit从入门到精通 基础控件 一

在这里插入图片描述

1. 使用Streamlit显示图表Graphs

1.1 为什么我们需要可视化?

数据可视化通过将数据整理成更容易理解的格式来讲述故事,凸显趋势和异常点。好的可视化能够讲述一个故事,从数据中去除杂音,突出有用的信息。然而,这不仅仅是简单地美化一个图表使其看起来更好,或者是在信息图上随意添加“信息”部分。有效的数据可视化是形式与功能之间微妙的平衡行为。最简单的图表可能过于乏味,无法吸引注意力或传达有力的信息,而最令人惊叹的可视化可能完全无法传达正确的信息。数据和视觉效果需要相辅相成,将出色的分析与出色的故事讲述结合起来是一门艺术。

你认为给你一百万数据点的表格/数据库文件,然后仅通过观察表格上的数据让你提供推断,这是否可行?除非你是超人,这是不可能的。这就是我们使用数据可视化的时候——它通过通过地图或图表提供视觉上下文,让我们清楚地了解信息的含义。这就是Streamlit可视化的力量。

st.pyplot():此函数用于显示matplotlib.pyplot图形。

import matplotlib.pyplot as plt
import numpy as nprand=np.random.normal(1, 2, size=20)
fig, ax = plt.subplots()
ax.hist(rand, bins=15)
st.pyplot(fig)

在这里插入图片描述
st.line_chart():此函数用于显示折线图。

import streamlit as st
import pandas as pd
import numpy as np
df= pd.DataFrame(np.random.randn(10, 2),    columns=['x', 'y']
)
st.line_chart(df)

在这里插入图片描述
st.bar_chart(): 此功能用于显示条形图。

import streamlit as st
import pandas as pd
import numpy as np
df= pd.DataFrame(np.random.randn(10, 2),    columns=['x', 'y']
)
st.bar_chart(df)

在这里插入图片描述
st.area_chart():该函数用于显示面积图。

import streamlit as st
import pandas as pd
import numpy as np
df= pd.DataFrame(np.random.randn(10, 2),    columns=['x', 'y']
)
st.area_chart(df)

在这里插入图片描述
st.altair_chart():此函数用于显示Altair图表。

import streamlit as st
import numpy as np
import pandas as pd
import altair as alt
​df = pd.DataFrame(np.random.randn(500, 3),   columns=['x','y','z']
)
​c = alt.Chart(df).mark_circle().encode(x='x' , 'y'=y , size='z', color='z', tooltip=['x', 'y', 'z']
)st.altair_chart(c, use_container_width=True)

在这里插入图片描述
st.graphviz_chart():此函数用于显示图形对象,可通过不同的节点和边来完成。

import streamlit as st
import graphviz as graphvizst.graphviz_chart('''    digraph {        Big_shark -> Tuna        Tuna -> Mackerel        Mackerel -> Small_fishes        Small_fishes -> Shrimp    }
''')

在这里插入图片描述

2. 使用Streamlit显示地图

st.map():此函数用于在应用程序中显示地图。但是,它需要纬度和经度的值,这些值不应为null/NA

import pandas as pd
import numpy as np
import streamlit as st
df = pd.DataFrame(np.random.randn(500, 2) / [50, 50] + [37.76, -122.4],columns=['lat', 'lon'])
st.map(df)

在这里插入图片描述

3. 主题 Themes

您也可以选择一个反映您风格的主题。请按照下面 GIF 中的步骤操作:
在这里插入图片描述
如果您对学习更多关于样式和主题的知识感兴趣,可以看看主题设计Theming。

现在,是时候一起构建一个应用程序了!请看下回分解…

参考

  • https://www.datacamp.com/tutorial/streamlit
  • https://streamlit.io/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/412684.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何定位和优化程序CPU、内存等性能之巅

目录 摘要 引言 关注 指标 正文 定位CPU瓶颈 定位内存瓶颈 定位IO瓶颈 总结 摘要 性能优化指在不影响系统运行正确性的前提下,使之运行得更快,完成特定功能所需的时间更短,或拥有更强大的服务能力。本文将介绍性能优化的基本概念以…

Logback的配置文件,你看懂了吗

参考文章一 参考文章二 configuration是XML文件根元素。root和logger可视为同一类,都是日志设置;root是日志的全局设置,而logger可以单独设置某一些包和类的日志输出。appender配置日志格式、如何过滤、文件处理等。property和contextName元…

(N-140)基于springboot,vue协同过滤推荐算法个性化购物商城

开发工具:IDEA 服务器:Tomcat9.0, jdk1.8 项目构建:maven 数据库:mysql5.7 系统分前后台,项目采用前后端分离 前端技术:vueelementUI 服务端技术:springbootmybatisredis 本…

yarn包管理器在添加、更新、删除模块时,在项目中是如何体现的

技术很久不用,就变得生疏起来。对npm深受其害,决定对yarn再整理一遍。 yarn包管理器 介绍安装yarn帮助信息最常用命令 介绍 yarn官网:https://yarn.bootcss.com,学任何技术的最新知识,都可以通过其对应的网站了解。无…

下一代 Vue3 Devtools 正式开源

什么是 Vue DevTools Vue DevTools 是一个旨在增强 Vue 开发人员体验的工具,它提供了一些功能来帮助开发者更好地了解 Vue 应用程序。 Vue DevTools:Unleash Vue Developer Experience. Enhance your Vue development journey with an amazing experience! 典型的功能特征包…

【数据结构】二叉树(遍历,递归)

🌈个人主页:秦jh__https://blog.csdn.net/qinjh_?spm1010.2135.3001.5343🔥 系列专栏:《数据结构》https://blog.csdn.net/qinjh_/category_12536791.html?spm1001.2014.3001.5482 ​​​ 目录 二叉树遍历规则 前序遍历 ​…

day-13 拿出最少数目的魔法豆

思路 将beans的每个数值当做袋子最后豆子剩余数,选择取豆子最少的一种方案 解题方法 //从小到大,将每个beans[i]作为剩余豆子数 //对于beans[i],i之前的全为零,i之后的全变为beans[i] ansMath.min(ans,sum-(beans.length-i)*bean…

尚无忧【无人共享空间 saas 系统源码】无人共享棋牌室系统源码共享自习室系统源码,共享茶室系统源码

可saas多开,非常方便,大大降低了上线成本 UNIAPPthinkphpmysql 独立开源! 1、定位功能:可定位附近是否有店 2、能通过关键字搜索现有的店铺 3、个性轮播图展示,系统公告消息提醒 4、个性化功能展示,智能…

CNN:Convolutional Neural Network(下)

目录 1 CNN 学到的是什么 1.1 Convolution 中的参数 1.2 FFN 中的参数 1.3 Output 2 Deep Dream 3 Deep Style 4 More Application 4.1 AlphaGo 4.2 Speech 4.3 Text 原视频:李宏毅 2020:Convolutional Neural Network 本博客属于学…

【SpringBoot】Bean 是什么?

感兴趣的话,可以看我另外一篇关于 Bean 的文章:【Java基础】Spring 中 Bean 的理解与使用 一、Bean 定义 Bean 作为 Spring 框架面试中不可或缺的概念,其本质上是指代任何被 Spring 加载生成出来的对象。(本质上区别于 Java Bea…

[Python] 如何通过ctypes库来调用C++ 动态库 DLL?

ctypes库介绍 ctypes是Python的一个外部库,它提供了一种灵活的方式来调用C语言的动态链接库(DLL)或共享库(SO)。通过ctypes,我们可以在Python中直接调用C语言编写的函数和变量,从而实现跨语言的互操作。 ctypes 它提供了与 C 兼容的数据类型,并允许调用 DLL 或共享库中的…

安卓应用无法拉起部分机型微信支付

错误提示: 2024-01-11 09:01:01.878 11754-11754 MicroMsg.S...ApiImplV10 com.bm.read E register app failed for wechat app signature check failed 2024-01-11 09:01:01.879 11754-11754 MicroMsg.S...ApiImplV10 com.bm.read E s…