Gráficos e figuras Plotly

Construindo Dashboards com Dash e Plotly

Alex Scriven

Data Scientist

O que é Dash?

Uma biblioteca Python para criar aplicações web interativas

Vantagens:

Grátis! Diferente de Tableau ou PowerBI
Use JavaScript só com Python
Menos código que frameworks web

Plotly e Dash

Funcionam bem juntos

Dash: dashboards interativos com vários gráficos Plotly
Veja este exemplo
- Imagens, texto e gráficos
- Veja o código-fonte

Uma captura de tela de um dashboard financeiro com vários gráficos, texto, tabelas e imagens, incluindo um gráfico de linha com detalhes ao passar o mouse

O que é Plotly?

Relembrar Plotly, foco em Dash
Uma biblioteca Python para gráficos modernos e interativos
- Envolve JavaScript, mas o código é em Python
Crie gráficos com plotly.express

Confira o curso Introduction to Data Visualization with Plotly in Python

Nossos dados de e-commerce

Conjunto de dados de vendas de e-commerce

Detalhes:
- Categoria do item (Maior, Menor) + descrição
- Preço unitário, quantidade (+ OrderValue)
- País
- Ano-Mês da venda

Representação de vendas de e-commerce

Gráficos de linha com 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()

Um gif de gráfico de linha de vendas por mês, onde o mouse passa por um ponto e mostra o mês e o valor de vendas em um tooltip

Gráficos de barras com 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()

Um gif de gráfico de barras horizontal de vendas totais no eixo x por país no eixo y. O mouse passa por algumas barras para mostrar os dados no hover

Personalizando gráficos Plotly

Alterando a largura das barras do nosso gráfico:

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

bar_fig.show()

Confira a documentação do Plotly

Uma imagem de um gráfico de barras horizontal de vendas totais no eixo x por país no eixo y. É igual ao slide anterior, mas os espaçamentos entre as barras são menores.

Vamos praticar!

Construindo Dashboards com Dash e Plotly