Adicionando textos e títulos com Streamlit

Se você está começando a explorar o mundo da programação e deseja criar WebApps simples e interativos, o Streamlit é uma ferramenta fantástica para isso. Neste guia, vamos aprender como adicionar textos e títulos aos seus aplicativos Streamlit, tornando-os mais informativos e organizados. Vamos lá!

Introdução ao Streamlit

O que é o Streamlit?

Streamlit é uma biblioteca de código aberto em Python que facilita a criação de aplicativos web interativos. Além disso, com ele, você pode transformar scripts de dados em aplicativos web bonitos e funcionais com apenas algumas linhas de código. Portanto, é uma ferramenta poderosa para quem quer criar protótipos rápidos e, assim, compartilhar insights de dados de maneira visual e interativa.

Por que usar o Streamlit para criar WebApps simples?

É uma biblioteca ideal para iniciantes porque é fácil de usar e não requer conhecimentos avançados de desenvolvimento web. Você pode se concentrar em escrever código Python, e o Streamlit cuida do resto, gerando a interface do usuário automaticamente. Além disso, ele permite a criação de aplicativos interativos que podem ser compartilhados facilmente com colegas e clientes.

Configurando o Ambiente

Instalando o Streamlit

Antes de começar, você precisa instalar o Streamlit. Para isso, abra o terminal e execute o seguinte comando:

pip install streamlit

pip install streamlit

Criando seu primeiro arquivo Streamlit

Depois de instalar o Streamlit, crie um novo arquivo Python, por exemplo, app.py. Em seguida, abra o arquivo e adicione o seguinte código:

import streamlit as st

st.title("Meu Primeiro App com Streamlit")

import streamlit as st

st.title("Meu Primeiro App com Streamlit")

Para executar o aplicativo, volte ao terminal e digite:

streamlit run app.py

streamlit run app.py

Isso abrirá uma nova janela do navegador com seu primeiro aplicativo Streamlit em funcionamento!

Adicionando Títulos com st.title

O que é st.title?

O st.title é uma função do Streamlit usada para exibir texto em formato de título. É geralmente utilizado para definir o título principal do seu aplicativo.

Como usar st.title para adicionar um título ao seu app

Para adicionar um título ao seu aplicativo, basta usar a função st.title e passar o texto do título como argumento.

Exemplo prático: Adicionando um título

import streamlit as st

st.title("Bem-vindo ao Meu App Streamlit")

import streamlit as st

st.title("Bem-vindo ao Meu App Streamlit")

Neste exemplo, o texto “Bem-vindo ao Meu App Streamlit” será exibido como o título principal do aplicativo.

Como usar st.title para adicionar um título no Streamlit

Para adicionar um título em uma aplicação Streamlit, você pode utilizar a função st.title. Esta função permite que você insira um texto em formato de título, que será exibido em um tamanho maior e em negrito, destacando-se no layout da sua aplicação.

Passos para usar st.title:

1. Importar a biblioteca Streamlit: Primeiro, você precisa importar a biblioteca Streamlit no seu script Python.
2. Adicionar o título: Utilize a função st.title passando como argumento a string que você deseja exibir como título.

Exemplo básico:

import streamlit as st

# Adicionando um título à aplicação
st.title("Bem-vindo ao Analisador de Vendas")

import streamlit as st

# Adicionando um título à aplicação
st.title("Bem-vindo ao Analisador de Vendas")

Neste exemplo, o título “Bem-vindo ao Analisador de Vendas” será exibido no topo da aplicação, em um formato grande e em negrito, proporcionando uma introdução clara e destacada para os usuários.

A função st.title é uma maneira simples e eficaz de estruturar e organizar o conteúdo da sua aplicação Streamlit, tornando-a mais atraente e fácil de navegar para os usuários.

Adicionando Cabeçalhos com st.header

O que é st.header?

O st.header é usado para exibir texto em formato de cabeçalho. É útil para dividir seu aplicativo em seções distintas.

Como usar st.header para adicionar cabeçalhos

Para adicionar um cabeçalho, use a função st.header e passe o texto do cabeçalho como argumento.

Exemplo prático: Adicionando um cabeçalho

import streamlit as st

st.header("Seção de Introdução")

import streamlit as st

st.header("Seção de Introdução")

Neste exemplo, o texto “Seção de Introdução” será exibido como um cabeçalho.

Como usar st.header para adicionar cabeçalhos no Streamlit

O st.header é uma função do Streamlit usada para adicionar cabeçalhos de segundo nível em um aplicativo web. Ele é ideal para destacar seções importantes do seu dashboard ou aplicação, tornando o conteúdo mais organizado e fácil de navegar.

Descrição da Funcionalidade

• Importação do Streamlit: Antes de usar qualquer função do Streamlit, é necessário importar a biblioteca.
• Uso do st.header: A função st.header recebe uma string como argumento, que será o texto do cabeçalho.

Exemplo Básico

Para quem está começando a usar o Streamlit, aqui está um exemplo simples de como adicionar um cabeçalho:

1. Importe a biblioteca Streamlit:

   import streamlit as st

   import streamlit as st

2. Adicione um cabeçalho:

   st.header("Bem-vindo ao Analisador de Vendas")

   st.header("Bem-vindo ao Analisador de Vendas")

Neste exemplo, o texto “Bem-vindo ao Analisador de Vendas” será exibido como um cabeçalho de segundo nível na sua aplicação Streamlit.

Benefícios

• Organização: Facilita a organização do conteúdo em seções distintas.
• Leitura: Melhora a legibilidade e a navegação do usuário.
• Estética: Adiciona um elemento visual que destaca partes importantes do conteúdo.

Usar st.header é uma maneira eficaz de estruturar seu aplicativo Streamlit, tornando-o mais intuitivo e agradável para os usuários.

Adicionando Subcabeçalhos com st.subheader

O que é st.subheader?

O st.subheader é usado para exibir texto em formato de subcabeçalho. É útil para criar subseções dentro das seções principais do seu aplicativo.

Como usar st.subheader para adicionar subcabeçalhos

Para adicionar um subcabeçalho, use a função st.subheader e passe o texto do subcabeçalho como argumento.

Exemplo prático: Adicionando um subcabeçalho

import streamlit as st

st.subheader("Subseção de Detalhes")

import streamlit as st

st.subheader("Subseção de Detalhes")

Neste caso, “Subseção de Detalhes” aparecerá como um subcabeçalho, garantindo uma organização clara das informações.

Adicionando Texto Simples com st.text

O que é st.text?

O st.text é usado para exibir texto simples, sem formatação. É ideal para adicionar descrições ou informações básicas.

Como usar st.text para adicionar texto simples

Para adicionar texto simples, use a função st.text e passe o texto como argumento.

Exemplo prático: Adicionando texto simples

import streamlit as st

st.text("Este é um texto simples.")

import streamlit as st

st.text("Este é um texto simples.")

Neste exemplo, “Este é um texto simples.” aparecerá no aplicativo.

Adicionando Texto Formatado com st.markdown

O que é st.markdown?

O st.markdown é usado para exibir texto formatado usando a sintaxe Markdown. Isso permite adicionar ênfase, listas, links e muito mais.

Como usar st.markdown para adicionar texto formatado

Para adicionar texto formatado, use a função st.markdown e passe o texto formatado como argumento.

Exemplo prático: Adicionando texto formatado com Markdown

import streamlit as st

st.markdown("**Texto em negrito** e *texto em itálico*.")

import streamlit as st

st.markdown("**Texto em negrito** e *texto em itálico*.")

Neste exemplo, “Texto em negrito” aparecerá em negrito, enquanto “texto em itálico” aparecerá em itálico.

Resolução de Problemas Comuns

Problema: O comando streamlit run app.py não funciona

Se ao tentar executar o comando streamlit run app.py você receber uma mensagem de erro, verifique os seguintes pontos:

1. Instalação do Streamlit: Certifique-se de que o Streamlit foi instalado corretamente. Você pode verificar isso executando pip show streamlit no terminal.
2. Ambiente Virtual: Se você estiver usando um ambiente virtual, certifique-se de que ele está ativado.
3. Caminho do Arquivo: Verifique se você está no diretório correto onde o arquivo app.py está localizado.

Problema: O aplicativo não carrega no navegador

Se o aplicativo não carregar no navegador, tente o seguinte:

1. Porta em Uso: Verifique se a porta padrão (8501) não está sendo usada por outro processo.
2. Firewall: Certifique-se de que o firewall não está bloqueando a porta usada pelo Streamlit.
3. Erro no Código: Verifique se há erros no código Python que possam estar impedindo o aplicativo de rodar.

Conclusão

Neste guia, aprendemos como adicionar diferentes tipos de textos e títulos aos nossos aplicativos Streamlit. Vimos como usar st.title, st.header, st.subheader, st.text e st.markdown para organizar e formatar o conteúdo do nosso aplicativo. Essas ferramentas são essenciais para criar aplicativos informativos e visualmente agradáveis.

Agora que você já sabe como adicionar textos e títulos, que tal explorar outras funcionalidades do Streamlit? Você pode aprender a adicionar gráficos, interações e muito mais. Continue explorando e aproveite ao máximo essa poderosa ferramenta!

Referências

• Streamlit Docs – Text elements