Control deslizante de fecha y hora en Streamlit - Una introducción paso a paso

Name

Omar C. Williams

Published on 17/8/2023

(opens in a new tab) (opens in a new tab) (opens in a new tab) (opens in a new tab) (opens in a new tab) (opens in a new tab)

En el mundo de la visualización de datos, la capacidad de filtrar y manipular datos de manera interactiva es crucial. Una herramienta que ha ganado popularidad en la comunidad de Python es el control deslizante de fecha y hora de Streamlit. Esta característica poderosa permite a los usuarios filtrar datos de series de tiempo de manera interactiva, proporcionando una experiencia de usuario más intuitiva y atractiva. En esta guía, profundizaremos en los detalles del control deslizante de fecha y hora de Streamlit, brindándote los conocimientos y ejemplos que necesitas para implementar esta característica de manera efectiva en tus propios proyectos.

Streamlit es una biblioteca de Python de código abierto que simplifica el proceso de creación de aplicaciones web personalizadas para proyectos de aprendizaje automático y ciencia de datos. Una de sus características destacadas es el control deslizante de fecha y hora, un widget que permite a los usuarios seleccionar un rango de fechas deslizando un control a lo largo de una línea de tiempo. Esta característica es particularmente útil al tratar con datos de series de tiempo, ya que permite a los usuarios filtrar y visualizar fácilmente datos en períodos de tiempo específicos.

¿Qué es un control deslizante de fecha y hora en Streamlit?

El control deslizante de fecha y hora en Streamlit es un widget que permite a los usuarios seleccionar un rango de fechas deslizando un control a lo largo de una línea de tiempo. Esta característica es particularmente útil al tratar con datos de series de tiempo, ya que permite a los usuarios filtrar y visualizar fácilmente datos en períodos de tiempo específicos. El control deslizante de fecha y hora en Streamlit se crea utilizando la función slider, que recibe un rango de fechas y devuelve el rango de fechas seleccionado.

Para crear un control deslizante de fecha y hora en Streamlit, debes utilizar la función slider con los siguientes parámetros:

• label: Una cadena que sirve como etiqueta para el control deslizante.
• min_value: El valor mínimo del control deslizante. Esto debe ser un objeto de fecha y hora.
• max_value: El valor máximo del control deslizante. Esto también debe ser un objeto de fecha y hora.
• value: El valor inicial del control deslizante. Esto puede ser un solo objeto de fecha y hora o una tupla de dos objetos de fecha y hora que representan un rango.
• step: El incremento entre los valores del control deslizante. Esto debe ser un objeto timedelta.

Aquí tienes un ejemplo de cómo crear un control deslizante de fecha y hora en Streamlit:

import streamlit as st
from datetime import datetime, timedelta
 
# Crea un control deslizante de fecha y hora con un rango de una semana
start_date = datetime(2020, 1, 1)
end_date = start_date + timedelta(weeks=1)
 
selected_date = st.slider(
    "Selecciona un rango de fechas",
    min_value=start_date,
    max_value=end_date,
    value=(start_date, end_date),
    step=timedelta(days=1),
)

En este ejemplo, el control deslizante de fecha y hora permite al usuario seleccionar un rango de fechas dentro de la primera semana de 2020. El parámetro step se establece en un día, lo que significa que el usuario puede seleccionar un rango de fechas con una precisión de un día.

¿Cómo utilizar el control deslizante de fecha y hora en Streamlit de manera efectiva?

Si bien el control deslizante de fecha y hora de Streamlit es una herramienta poderosa, es importante utilizarlo de manera efectiva para garantizar una buena experiencia de usuario. Aquí tienes algunos consejos sobre cómo utilizar el control deslizante de fecha y hora de Streamlit de manera efectiva:

1. Elige un tamaño de incremento adecuado: El tamaño de incremento determina la granularidad del rango de fechas que los usuarios pueden seleccionar. Si el tamaño de incremento es demasiado grande, es posible que los usuarios no puedan seleccionar el rango de fechas exacto que desean. Por otro lado, si el tamaño de incremento es demasiado pequeño, el control deslizante puede volverse demasiado sensible y difícil de controlar. Por lo tanto, es importante elegir un tamaño de incremento adecuado para tus datos y caso de uso.

2. Establece un valor predeterminado razonable: El valor predeterminado del control deslizante determina el rango de fechas inicial que se selecciona cuando el usuario carga la aplicación por primera vez. Es importante establecer un valor predeterminado que sea razonable y relevante para tus datos. Por ejemplo, si estás visualizando datos de ventas del último año, es posible que desees establecer el valor predeterminado en el mes más reciente.

3. Maneja los datos faltantes de manera elegante: Si tus datos tienen valores faltantes para ciertas fechas, es importante manejar estos valores faltantes de manera elegante. Una forma de hacerlo es interpolar los valores faltantes en función de los datos circundantes. Alternativamente, puedes permitir a los usuarios seleccionar solo fechas para las que haya datos disponibles.

4. Actualiza los valores del control deslizante de manera dinámica: En algunos casos, es posible que desees actualizar los valores del control deslizante de manera dinámica en función de la entrada del usuario. Por ejemplo, si tienes un segundo control deslizante que permite a los usuarios seleccionar un rango de tiempo, es posible que desees actualizar el control deslizante de fecha y hora para reflejar el rango de tiempo seleccionado. Esto se puede lograr utilizando la función st.empty, que crea un marcador de posición que luego se puede completar con un widget.

Aquí tienes un ejemplo de cómo actualizar el control deslizante de fecha y hora de manera dinámica:

import streamlit as st
from datetime import datetime, timedelta
 
# Crea un marcador de posición para el control deslizante de fecha y hora
slider_placeholder = st.empty()
 
# Crea un control deslizante de tiempo
time_range = st.slider("Selecciona un rango de tiempo", 0, 23, (0, 23))
 
# Actualiza el control deslizante de fecha y hora en función del rango de tiempo seleccionado
start_date = datetime(2020, 1, 1, time_range[0])
end_date = start_date + timedelta(hours=time_range[1] - time_range[0])
 
selected_date = slider_placeholder.slider(
    "Selecciona un rango de fechas",
    min_value=start_date,
    max_value=end_date,
    value=(start_date, end_date),
    step=timedelta(hours=1),
)

En este ejemplo, el control deslizante de fecha y hora se actualiza cada vez que el usuario cambia el rango de tiempo seleccionado. La función slider_placeholder se utiliza para crear un marcador de posición para el control deslizante de fecha y hora, que se completa con el control deslizante actualizado cuando el usuario cambia el rango de tiempo.

Problemas comunes y soluciones del control deslizante de fecha y hora en Streamlit

Si bien el control deslizante de la fecha y hora de Streamlit es una herramienta poderosa, no está exenta de sus peculiaridades. Aquí hay algunos problemas comunes que pueden surgir al usar el control deslizante de fecha y hora de Streamlit, junto con las soluciones para solucionarlos:

1. El control deslizante de fecha y hora no funciona: Si el control deslizante de fecha y hora no responde a la entrada del usuario, es probable que el parámetro value no esté configurado correctamente. Asegúrese de que el parámetro value sea una tupla de dos objetos de fecha y hora que representen el rango de fechas inicial.

2. El valor predeterminado del control deslizante de fecha y hora no funciona: Si el control deslizante de fecha y hora no muestra el valor predeterminado correcto, es probable que el parámetro value no esté configurado correctamente. Asegúrese de que el parámetro value sea una tupla de dos objetos de fecha y hora que representen el rango de fechas predeterminado.

3. El tamaño del control deslizante de fecha y hora no funciona: Si el control deslizante de fecha y hora no se muestra con el tamaño correcto, es probable que el parámetro format no esté configurado correctamente. El parámetro format determina el formato de visualización de las fechas en el control deslizante. Asegúrese de que el parámetro format sea una cadena que especifique el formato de fecha deseado.

4. El control deslizante de fecha y hora no muestra todos los filtros: Si el control deslizante de fecha y hora no muestra todos los filtros disponibles, es probable que el parámetro options no esté configurado correctamente. El parámetro options determina los filtros disponibles en el control deslizante. Asegúrese de que el parámetro options sea una lista de cadenas que representen los filtros deseados.

Aquí hay un ejemplo de cómo configurar los parámetros format y options:

import streamlit as st
from datetime import datetime, timedelta
 
# Crea un control deslizante de fecha y hora con formato y opciones personalizados
fecha_inicio = datetime(2020, 1, 1)
fecha_fin = fecha_inicio + timedelta(weeks=1)
 
fecha_seleccionada = st.slider(
    "Seleccione un rango de fechas",
    min_value=fecha_inicio,
    max_value=fecha_fin,
    value=(fecha_inicio, fecha_fin),
    step=timedelta(days=1),
    format="MM/DD/YYYY",
    options=["Día", "Semana", "Mes", "Año"],
)

En este ejemplo, el control deslizante de fecha y hora muestra fechas en el formato "MM/DD/YYYY" y proporciona opciones para filtrar por día, semana, mes o año.

Explorando funciones avanzadas del control deslizante de fecha y hora de Streamlit

El control deslizante de fecha y hora de Streamlit no se limita solo a la selección básica de fechas y horas. También ofrece funciones avanzadas que pueden mejorar la funcionalidad de sus aplicaciones de visualización de datos. Una de esas funciones es el control deslizante de doble extremo, que permite a los usuarios seleccionar un rango de fechas en lugar de una sola fecha.

El control deslizante de doble extremo se puede crear en Streamlit pasando una tupla de dos objetos de fecha y hora como el parámetro value en la función slider. Esto creará un control deslizante con dos manijas, lo que permite a los usuarios seleccionar una fecha de inicio y una fecha de finalización.

Aquí hay un ejemplo de cómo crear un control deslizante de doble extremo en Streamlit:

import streamlit as st
from datetime import datetime, timedelta
 
# Crea un control deslizante de fecha y hora de doble extremo
fecha_inicio = datetime(2020, 1, 1)
fecha_fin = fecha_inicio + timedelta(days=30)
 
rango_fecha_seleccionado = st.slider(
    "Seleccione un rango de fechas",
    min_value=fecha_inicio,
    max_value=fecha_fin,
    value=(fecha_inicio, fecha_inicio + timedelta(days=7)),
    step=timedelta(days=1),
)

En este ejemplo, el control deslizante de doble extremo permite al usuario seleccionar un rango de fechas dentro del primer mes de 2020. El parámetro value se establece en una tupla de dos objetos de fecha y hora, que representan el rango de fechas inicial.

Control deslizante de fecha y hora de Streamlit: una herramienta para la visualización interactiva de datos

En conclusión, el control deslizante de fecha y hora de Streamlit es una herramienta poderosa para crear visualizaciones de datos interactivas. Con su interfaz fácil de usar y sus opciones de personalización flexibles, permite a los usuarios explorar y comprender datos de series temporales de una manera más intuitiva y atractiva.

Pero Streamlit no se adapta a todos los escenarios de visualización de datos en Python. Existe una biblioteca de Python de código abierto que puede ayudarlo a visualizar rápidamente un Pandas DataFrame con operaciones de arrastrar y soltar dentro de una interfaz visual.

PyGWalker es una biblioteca de Python para el análisis exploratorio de datos con visualización. PyGWalker (opens in a new tab) puede simplificar su flujo de trabajo de análisis y visualización de datos en Jupyter Notebook, convirtiendo su dataframe de pandas (y dataframe de polars) en una interfaz de usuario de estilo Tableau para la exploración visual.

Para comenzar, simplemente use lo siguiente en su cuaderno de Jupyter:

pip install pygwalker

Una vez instalado, puede importarlo en su script de Python como cualquier otra biblioteca:

import pygwalker as pg

¡No olvide darle una estrella a PyGWalker en GitHub (opens in a new tab)!

(opens in a new tab)

Preguntas frecuentes

1. ¿Qué es un control deslizante de fecha y hora de Streamlit?

El control deslizante de fecha y hora de Streamlit es un widget que permite a los usuarios seleccionar un rango de fechas deslizando una manija a lo largo de una línea de tiempo. Esta función es particularmente útil cuando se trabaja con datos de series temporales, ya que permite a los usuarios filtrar y visualizar fácilmente los datos en intervalos de tiempo específicos.

2. ¿Cómo puedo crear un control deslizante de fecha y hora en Streamlit?

Para crear un control deslizante de fecha y hora en Streamlit, debe utilizar la función slider con los siguientes parámetros: label, min_value, max_value, value y step. Los parámetros min_value y max_value determinan el rango del control deslizante, mientras que el parámetro value determina el rango de fechas seleccionado inicialmente.

3. ¿Cuáles son los parámetros para crear un control deslizante de fecha y hora en Streamlit? Los parámetros para crear un selector de fechas y horas en Streamlit son label, min_value, max_value, value y step. El parámetro label es una cadena de texto que se utiliza como etiqueta para el selector. Los parámetros min_value y max_value son objetos de fecha y hora que determinan el rango del selector. El parámetro value es un único objeto de fecha y hora o una tupla de dos objetos de fecha y hora que representan el rango de fecha seleccionada inicialmente. El parámetro step es un objeto de intervalo de tiempo que determina la frecuencia de incremento entre los valores seleccionados en el selector.

Conclusión

En conclusión, el selector de fechas y horas de Streamlit es una herramienta poderosa para crear visualizaciones interactivas con datos de series temporales. Al comprender cómo utilizarlo de manera efectiva y cómo solucionar problemas comunes, puedes crear aplicaciones de ciencia de datos más atractivas y fáciles de usar. Ya seas un científico de datos experimentado o un principiante que recién comienza, esperamos que esta guía te haya brindado una comprensión más profunda del selector de fechas y horas de Streamlit y cómo utilizarlo en tus proyectos.