Dashboard Increíble con Python y Streamlit ⚡ ¡Crea Apps Pro sin HTML en solo 15 minutos!

Dashboard Increíble con Python y Streamlit ⚡ ¡Crea Apps Pro sin HTML en solo 15 minutos!

¿Cómo crear un dashboard espectacular con Python?

Introducción a la creación de dashboards

  • Se menciona que millones de dólares se deciden diariamente utilizando dashboards, y se promete enseñar a crear uno impresionante en pocos minutos y gratis usando Python.
  • Se introduce Streamlit como una herramienta que convierte código Python en aplicaciones web profesionales sin necesidad de HTML, describiéndolo como "magia programática".

Instalación y configuración inicial

  • Se instruye sobre cómo crear una carpeta llamada "dashboard" y abrirla en Visual Studio Code para comenzar el proyecto.
  • Se mencionan las librerías necesarias: Streamlit para la interfaz gráfica, pandas para manipulación de datos y plotly para gráficos. Se recomienda usar un entorno virtual aunque no se crea uno en este caso.

Importación de librerías y configuración del dashboard

  • El presentador importa las librerías necesarias al código: Streamlit, pandas, plotly express y plotly.graph_objects.
  • Configuración inicial del dashboard con st.page_config, estableciendo el título como "mi Dashboard Pro", el layout como "wide" y un icono gráfico.

Creación de datos de ejemplo

  • Se crean datos ficticios que incluyen meses, ventas, número de clientes por mes y regiones. Estos datos se almacenan en un DataFrame utilizando pandas.
  • Se actualiza el título del dashboard a "dashboard ejecutivo pro" mediante st.title para diferenciarlo del anterior.

Formato Markdown y columnas

  • Se utiliza formato markdown para agregar texto descriptivo al dashboard; se añade un título nivel tres que dice "análisis en tiempo real".
  • Creación de cuatro columnas dentro del dashboard usando st.columns, donde cada columna puede contener diferentes métricas o visualizaciones.

Métricas dentro del dashboard

  • En la primera columna se agrega una métrica que muestra las ventas totales utilizando st.metric, sumando los valores desde el DataFrame creado anteriormente.

Creación de Métricas y Gráficos Interactivos

Definición de Métricas

  • Se propone crear una métrica que permita comparar valores con meses anteriores, utilizando fórmulas dinámicas en lugar de valores fijos.
  • La segunda columna se refiere a la suma de clientes activos, mostrando un incremento de 23 clientes. Se destaca la intuitividad del sistema al mostrar cambios positivos o negativos mediante flechas.

Cálculo del Promedio Mensual

  • La tercera columna calculará el promedio mensual de ventas, utilizando un formato específico para mostrar los resultados sin decimales.
  • Se establece un crecimiento proyectado del 8% en las ventas, lo que se refleja en la actualización automática de los datos.

Implementación del ROI

  • La cuarta columna se dedicará al cálculo del ROI (Retorno sobre Inversión), estableciendo valores constantes para completar el dashboard.

Creación de Gráficos Interactivos

  • Se introduce la creación de gráficos interactivos usando Plotly Express, donde se grafican las ventas mensuales con el mes como eje X y las ventas como eje Y.
  • Se menciona la posibilidad de personalizar el gráfico mediante update layout, recomendando usar un tema oscuro para mejorar la visualización.

Gráfico Circular y Funcionalidades Adicionales

  • Se crea un gráfico circular que segmenta los clientes por región, destacando su atractivo visual y funcionalidad interactiva.
  • Los usuarios pueden descargar gráficos como imágenes y utilizar funciones interactivas como zoom y pantalla completa.

Implementación de Filtros en Barra Lateral

  • Se añade una barra lateral para aplicar filtros a los datos presentados. Esta barra incluye opciones para seleccionar meses específicos y filtrar por región.

Filtrado de Datos en Streamlit

Filtrando Regiones Únicas

  • Se explica la importancia de filtrar por región, utilizando unique para obtener solo las regiones únicas, ya que algunas se repiten en los datos.
  • Se introduce una variable llamada dato filtrado, que verifica si la región seleccionada está dentro del filtro aplicado.

Visualización de Datos Filtrados

  • Se menciona que el gráfico puede ser filtrado mediante el código anterior, pero se enfoca en mostrar un DataFrame con los datos filtrados y su contenedor completo.
  • El DataFrame no se muestra hasta que se selecciona al menos una región; esto resalta la necesidad de interacción del usuario para visualizar datos.

Interacción y Selección de Meses

  • Al seleccionar meses, no hay un filtro aplicado a menos que se implemente un código adicional; esto enfatiza la importancia de tener filtros funcionales.
  • Para filtrar todos los datos correctamente, es necesario ajustar la barra lateral para permitir selecciones adecuadas.

Creación de un Dashboard Efectivo

  • Se destaca el logro de crear un dashboard profesional con funcionalidades básicas, sugiriendo que este es solo el comienzo del proceso.

Agradecimientos y Futuras Oportunidades

Video description

¿Cansado de dashboards aburridos que parecen salidos de Excel 2003? 😩 Hoy vas a aprender a crear un dashboard espectacular, totalmente interactivo y con un diseño de nivel profesional… ¡usando solo Python y la magia de Streamlit! 🚀 Código (Patreon): https://www.patreon.com/posts/dashboard-con-y-136901315 Únete a este canal para apoyarme: https://www.youtube.com/channel/UCTyCe-0QDRju-yC5Cr83eeQ/join ¿Regalame un Café?: https://ko-fi.com/ivespino Curso de Python desde cero 2023: https://youtu.be/fJ4KoCeKyeQ ✈ Unete a nuestra comunidad de Telegram: https://t.me/+F9c-RdxQYRk4YTdh 💎Únete a nuestra comunidad de Discord: https://discord.gg/ZGWhzKz2qj 📥Correo de Contacto: ivespinops@gmail.com En este video exprés te enseño cómo construir desde cero una aplicación web profesional para visualizar datos en tiempo real. No necesitas saber HTML, ni CSS, ni JavaScript. Solo saber escribir print("Hola mundo") y estar listo para impresionar a tu jefe, a tus clientes o a ti mismo 😎 🔥 ¿Qué vas a lograr con este tutorial? ✅ Instalar todo el entorno en menos de 1 minuto ✅ Crear una estructura visual potente con Streamlit ✅ Añadir métricas dinámicas como Ventas, ROI y Clientes Activos ✅ Usar gráficos interactivos con Plotly (¡sí, con modo oscuro!) ✅ Filtrar datos en tiempo real con una sidebar profesional ✅ Ejecutar tu app con un solo comando: streamlit run dashboard.py 📊 Este es el tipo de dashboard que transforma tu CV, tu portafolio o tu negocio. Y lo mejor: ¡parece que lo hizo una agencia de diseño! 🤯 👉 Perfecto para: 🔹 Científicos de datos que quieren presentar resultados con estilo 🔹 Analistas que necesitan visualizar KPIs sin depender de BI tools caras 🔹 Freelancers que quieren impresionar a sus clientes 🔹 Emprendedores que buscan dashboards potentes sin gastar en desarrollo 💼 ¿Qué tecnologías usamos? 🔧 Python 🔧 Streamlit 🔧 Pandas 🔧 Plotly 🔧 Terminal (solo un comando y listo) 🎨 Además, te enseño a usar trucos visuales como: 🔹 st.set_page_config para personalizar tu app 🔹 Métricas con flechas verdes de impacto visual 🔹 Layouts en columnas para un look moderno 🔹 Gráficos de línea + gráficos circulares en modo pro 🔹 Sidebar con filtros para que el usuario interactúe 💡 ¿Por qué Streamlit? ✔️ Código simple, resultado impresionante ✔️ Ideal para prototipos rápidos o apps de datos internas ✔️ Se ve genial en cualquier navegador ✔️ ¡Y es 100% gratis! 🎁 BONUS: En la descripción te dejo el código completo para que lo copies, ajustes y conviertas en tuyo. Usa este proyecto para practicar, para mostrar en entrevistas o como base para tu próxima app de análisis 📈 🧠 Y si quieres ir más allá: Dime en los comentarios si quieres que haga una versión avanzada con conexión a bases de datos reales, despliegue en la nube, y autenticación de usuarios. ¡Hay mucho por construir juntos! 👀 NO TE OLVIDES: 👍 Dale LIKE si este tutorial te dio ideas 💬 Comenta qué parte te gustó más o qué funcionalidad quieres ver 📩 Compártelo con ese amigo que aún usa Excel para todo 🔔 SUSCRÍBETE para no perderte la próxima joya de automatización y visualización #Streamlit #Python #Dashboard #DataScience #VisualizaciónDeDatos #TutorialPython #Automatización #AppsConPython #Plotly #ProgramaciónSinHTML