Gráficos y figuras con Plotly

Creación de paneles con Dash y Plotly

Alex Scriven

Data Scientist

¿Qué es Dash?

Biblioteca de Python para crear apps web interactivas

Ventajas:

Gratis, a diferencia de Tableau o PowerBI
Aprovecha JavaScript solo con Python
Menos código que frameworks web

Plotly y Dash

Funcionan bien juntos

Dash: paneles interactivos con varios gráficos de Plotly
Mira este ejemplo
- Imágenes, texto y gráficos
- Revisa el código fuente

Captura de un panel financiero con varios gráficos, texto, tablas e imágenes; destaca un gráfico de líneas con detalles al pasar el ratón

¿Qué es Plotly?

Repaso de Plotly; foco en Dash
Biblioteca de Python para crear gráficos modernos e interactivos
- Usa JavaScript por debajo, pero programas en Python
Crea gráficos con plotly.express

Consulta el curso Introduction to Data Visualization with Plotly in Python

Nuestros datos de e‑commerce

Conjunto de datos de ventas e‑commerce

Detalles:
- Categoría (mayor/menor) y descripción
- Precio unitario, cantidad (+ OrderValue)
- País
- Año‑Mes de la venta

Representación de ventas de e‑commerce

Gráficos de líneas con plotly.express

import plotly.express as px

line_graph = px.line(

  data_frame=ecom_sales,
  x='Year-Month',
  y='Total Sales ($)', 
  title='Total Sales by Month')

line_graph.show()

Un GIF de una línea de ventas por mes; al pasar el ratón aparece el mes y la cifra de ventas

Barras con plotly.express

bar_fig = px.bar(
  data_frame=ecom_sales,
  x='Total Sales ($)',
  y='Country',
  title='Total Sales by Country',

  orientation='h')

bar_fig.show()

Un GIF de un gráfico de barras horizontal: ventas totales en el eje x por país en el eje y. Al pasar el ratón aparece la información

Personalizar gráficos en Plotly

Cambiar el ancho de barra del gráfico:

bar_fig.update_layout({'bargap': 0.5})

bar_fig.show()

Consulta la documentación de Plotly

Una imagen de un gráfico de barras horizontal de ventas totales en x por país en y. Igual que la diapositiva anterior, pero con huecos más pequeños entre barras.

¡Vamos a practicar!

Creación de paneles con Dash y Plotly