Texto flotante y formato en Python-Plotly

Prerrequisitos: Python Plotly

En este artículo, exploraremos cómo desplazar el texto y el formato en Python.

Es un enfoque útil para el texto flotante y el formato, ya que permite revelar una gran cantidad de datos sobre información compleja. Una de las características engañosamente poderosas de la visualización de datos es la capacidad de un espectador para analizar rápidamente una cantidad suficiente de información sobre los datos cuando se coloca el cursor sobre la etiqueta de punto que aparece.

Ejemplo 1: Predeterminado 

 La configuración predeterminada es layout.hovermode=’closest’ , en la que aparece una sola etiqueta flotante para el punto directamente debajo del cursor.

import plotly.express as px
 
df = px.data.gapminder().query("continent=='Oceania'")
 
fig = px.line(df, x="year", y="lifeExp", color="country")
fig.update_traces(mode="markers+lines")
 
fig.show()

Producción:

Ejemplo 2: x unificado

Si layout.hovermode=’x’ , aparece una sola etiqueta flotante por traza, para puntos con el mismo valor x que el cursor.

import plotly.express as px
 
df = px.data.gapminder().query("continent=='Oceania'")
 
fig = px.line(df, x="year", y="lifeExp", color="country")
fig.update_traces(mode="markers+lines", hovertemplate=None)
fig.update_layout(hovermode="x unified")
 
fig.show()

Producción:

Ejemplo 3: y unificado

Si layout.hovermode=’y’ , aparece una sola etiqueta flotante por traza, para puntos con el mismo valor y que el cursor.

import plotly.express as px
 
df = px.data.gapminder().query("continent=='Oceania'")
 
fig = px.line(df, x="year", y="lifeExp", color="country")
fig.update_traces(mode="markers+lines", hovertemplate=None)
fig.update_layout(hovermode="y unified")
 
fig.show()

Producción:

Formato de texto 

Ejemplo 1: plantilla flotante definida por el usuario

PIB: %{x} <br>Esperanza de vida: %{y}

Aquí, el PIB y la expectativa se utilizan como convención de nomenclatura sobre los datos, mientras que %{ <variable>} permite revelar una gran cantidad de datos sobre información compleja.

import plotly.express as px
 
df_2007 = px.data.gapminder().query("year==2007")
 
fig = px.scatter(df_2007, x="gdpPercap", y="lifeExp",
                 log_x=True, color='continent')
 
fig.update_traces(hovertemplate='GDP: %{x} <br>Life Expectancy: %{y}')
 
fig.show()

Producción:

Ejemplo 2: plantilla flotante definida por el usuario

%{label}: <br>Popularidad: %{percent} </br> %{text}

Aquí, Etiqueta, Porcentaje y Texto se utilizan como convención de nomenclatura sobre los datos, mientras que %{ <variable>} permite revelar una gran cantidad de datos sobre información compleja.

import plotly.graph_objects as go
 
fig = go.Figure(go.Pie(
    name = "",
    values = [2, 5, 3, 2.5],
    labels = ["R", "Python", "Java Script", "Matlab"],
    text = ["R", "Python", "JS", "Matlab"],
    hovertemplate = "%{label}: <br>Popularity: %{percent} </br> %{text}"
))
 
fig.show()

Producción: