Ajouter des annotations

Introduction à la visualisation de données avec Plotly en Python

Alex Scriven

Data Scientist

Qu'est-ce qu'une annotation ?

  • Encadrés de texte et données ajoutés au graphique

$$

  1. Mettre en évidence un point de données précis
  2. Ajouter des notes au graphique

Annotation liée aux données

Introduction à la visualisation de données avec Plotly en Python

Créer des annotations

$$

  • Avec add_annotation()
    • Ajoute une seule annotation

$$

  • Avec update_layout() et l'argument annotations
    • Accepte une liste d'objets d'annotation
Introduction à la visualisation de données avec Plotly en Python

Paramètres clés des annotations

  • text - Le texte à afficher
    • Peut inclure des variables

$$

  • x et y : emplacement de l'annotation

$$

  • showarrow = True/False : inclure une flèche
    • La flèche est personnalisable

$$

🛑 Attention aux positions absolues : si les données changent, des éléments peuvent se chevaucher

Introduction à la visualisation de données avec Plotly en Python

Positionner les annotations

 

  • Par défaut, x et y correspondent aux valeurs du graphique

$$

  • Définissez xref et yref à paper pour positionner absolument
    • x et y deviennent des pourcentages de 0 à 1 sur la zone du graphique
    • (x=0.5, y=0.5) place au centre du graphique
Introduction à la visualisation de données avec Plotly en Python

Annotations liées aux données

 

  • Mettre en évidence l'entreprise dans un nuage de points
my_annotation = dict(
    x=215111, y=449000,

    showarrow=True, arrowhead=3,

    text="Our company is doing well",
    font=dict(size=10, color="black")
)

fig.update_layout(annotations=[my_annotation])
fig.show()

 

$$

Annotation liée aux données

Introduction à la visualisation de données avec Plotly en Python

Annotation flottante

$$

float_annotation = dict(
    xref="paper", yref="paper",

    x=0.5, y=0.8,

    showarrow=False,
    text="You should <b>BUY</b>",
    font=dict(size=15, color="black"),
    bgcolor="rgb(255,0,0)"
)

 

Annotation flottante

Introduction à la visualisation de données avec Plotly en Python

Passons à la pratique !

Introduction à la visualisation de données avec Plotly en Python

Preparing Video For Download...