data visualization Adicionar rótulos em gráfico Python com Plotly

[Thanael]

Provável que assim como eu você já teve de criar gráficos em Python e utiliza-los em seus relatórios, para isso normalmente baixamos o PNG do nosso gráfico plotado com Python.

O problema de exportar o gráfico em PNG é pelo fato dele perder a interatividade que as bibliotecas fornecem aos gráficos, principalmente o Plotly. 

Veremos também a diferença entre um  

gráfico sem estilização x gráfico estilizado com marcações nos valores.

Mas como corrigir a perda de interatividade ao usar seus gráficos em formato de Imagem? Vou lhe mostrar uma maneira simples de resolver isso ao estilizar seus gráficos com Plotly.

Para tornar mais simples de entender vamos utilizar o seguinte dataset simples, mostrando a distribuição do valor ao decorrer dos meses.

Iremos primeiro mostrar uma simples plotagem de um gráfico de linha com estes dados.

import pandas as pd
import plotly.express as px
import plotly.graph_objects as go

fig = px.line(df, x='data', y='valor', markers=True)
fig.show()

Se você já conhece o Plotly, sabe que este é um gráfico interativo com ferramentas de visualização, mostrando os valores ao passar o mouse sobre eles. Porém se você precisar converter ele em imagem para adicionar em seus relatórios, ele perderá toda a interatividade...

Para resolver isso vamos estilizar o gráfico e adicionar marcadores em seus valores. Tornando possivel visualizar seus valores através de uma imagem estática. 
 

Estilização e Marcação em gráficos com Plotly

Segue abaixo um exemplo do código de forma explicada sobre a adição de rótulos e como realizar um estilização simples ao gráfico.

fig = px.line(df, x='data', y='valor', markers=True)
# Adicionar os Marcadores - Rótulos 
for index, row in df.iterrows():
    fig.add_annotation(
        x=row['data'],
        y=row['valor'],
        xref="x",
        yref="y",
        text = f"<b> {row['valor']} </b> ",
        font = dict(
                family="Arial",
                size=13,
        )
)
# Estilizar o gráfico   
fig.update_layout(
            width=800, height=350,
            # Titulo
            title=dict(
                text=f'<b>Faturamento 2022</b>',
                x=0.5,
                y=0.95,
                font=dict(
                    family="Arial",
                    size=28,
                    color='#000000'
                )
            ),
            # Eixo X
            xaxis=dict(
                title="<b>Mês</b>",
                titlefont=dict(
                    size=16
                ),
                ticklen=9,
                tickmode='array',
                tickvals=df['data']
            ),
            # Eixo Y
            yaxis=dict(
                title="<b>Valor</b>",
                titlefont=dict(
                    size=18
                ),
                ticklen=10,
            ),
    )
# Mostrar o gráfico
fig.show()

Veja como a estilização de um gráfico pode ser algo simples de realizar, basta escrever o código de forma comentada e simples de entender e você perceberá que a estilização de gráficos com Python não é um bicho de 7 cabeças.