Fonctionnalités interactives

Le principal avantage de Plotly par rapport aux bibliothèques statiques est que les graphiques réagissent aux actions de l'utilisateur. Les lecteurs peuvent zoomer sur une région, faire défiler les données et survoler les points pour lire les valeurs exactes, sans surcharger le graphique d'étiquettes.

L'interactivité permet à un seul graphique de présenter à la fois une vue d'ensemble et les détails.

Par défaut, le survol d'un point affiche ses valeurs x et y. Vous pouvez enrichir cette infobulle avec hover_data=['col1', 'col2'] pour ajouter des colonnes, ou avec hover_name='name' pour définir son titre en gras.

De bonnes infobulles évitent d'encombrer le graphique lui-même.

En principe, une infobulle n'est qu'un texte mis en forme et assemblé à partir d'une ligne de données. Voici la même idée en Python simple.

Les figures Plotly incluent une barre d'outils avec des outils de zoom, de déplacement et de sélection rectangulaire. Les utilisateurs peuvent aussi faire glisser le curseur pour zoomer sur un rectangle et double-cliquer pour réinitialiser l'affichage.

Ces comportements sont activés par défaut ; vous n'avez généralement pas besoin d'écrire de code pour les obtenir.

Le zoom modifie temporairement l'étendue de l'axe. Vous pouvez définir l'étendue initiale avec fig.update_xaxes(range=[0, 100]), et l'utilisateur peut toujours revenir à cette étendue.

Considérez le zoom comme le choix d'une sous-fenêtre dans l'étendue complète des données.

fig.update_layout(hovermode='x unified') affiche une seule infobulle listant chaque série à la position x survolée. C'est particulièrement utile pour comparer plusieurs lignes au même moment.

Les autres modes incluent 'closest' et 'x'.

Les légendes Plotly sont cliquables. Un clic masque une série ; un double-clic l'isole. Les utilisateurs peuvent ainsi se concentrer sur les données qui les intéressent sans que vous ayez à créer des graphiques distincts.

Cela fonctionne automatiquement dès que votre graphique comporte plusieurs tracés.

Pour les séries temporelles, ajoutez un curseur d'étendue avec fig.update_xaxes(rangeslider_visible=True). Un petit graphique d'ensemble apparaît en dessous et permet aux utilisateurs de faire glisser les limites pour sélectionner une période.

Il s'associe bien à des boutons de sélection d'étendue comme 1m, 6m, YTD.

Pour un contrôle total, utilisez hovertemplate, une chaîne contenant des espaces réservés comme %{x} et %{y}. Vous choisissez le texte exact et le format des nombres affichés au survol.

Concevoir ce modèle revient à concevoir n'importe quelle chaîne mise en forme.

L'interactivité est puissante, mais elle a un coût. Un trop grand nombre de commandes risque de désorienter les lecteurs occasionnels. Activez les fonctionnalités qui répondent à de vraies questions et appuyez-vous sur les valeurs par défaut pertinentes pour le reste.

La barre d'outils située en haut à droite de chaque figure est la barre des modes. Elle contient les commandes de zoom, de déplacement et de mise à l'échelle automatique, ainsi qu'un bouton représentant un appareil photo pour télécharger un fichier PNG. Vous pouvez la configurer ou la masquer avec l'argument config lors de l'affichage de la figure.

Masquer les boutons inutilisés désencombre le graphique pour les publics non techniques.

Testez vos connaissances sur les fonctionnalités interactives.

Vous avez exploré l'interactivité de Plotly :

• Des infobulles au survol, enrichies avec hover_data et hovertemplate
• Le zoom et le déplacement via la barre des modes intégrée
• hovermode='x unified' pour regrouper les infobulles
• Des légendes cliquables et des curseurs d'étendue pour les séries temporelles

Utilisez ces fonctionnalités de manière réfléchie pour répondre à de vraies questions.