Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Personnalisation de la Grille | Personnalisation des Graphiques
Visualisation Ultime Avec Python

bookPersonnalisation de la Grille

Une autre partie importante de la personnalisation concerne la grille. Le module pyplot dispose d'une fonction grid() à cet effet.

Visibilité et axes

Son premier paramètre, visible, spécifie s'il faut afficher les lignes de la grille (par défaut, elles ne sont pas affichées).

Le paramètre axis dans la personnalisation de la grille permet de contrôler la direction dans laquelle les lignes de la grille apparaissent sur un graphique :

  • 'x' — affiche les lignes de la grille verticales alignées avec l’axe x ;
  • 'y' — affiche les lignes de la grille horizontales alignées avec l’axe y ;
  • 'both' — affiche les lignes de la grille dans les deux directions (comportement par défaut).

Ce paramètre est utile pour mettre en évidence l’alignement des données selon un axe spécifique ou pour réduire l’encombrement visuel en limitant les lignes de la grille à une seule direction.

123456789101112131415161718
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 plt.plot(data_linear, label='linear function', color='red', alpha=0.5) plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) # Setting the horizontal grid lines to be visible plt.grid(True, axis='x') plt.legend() plt.show()
copy

Dans cet exemple, visible=True et axis='x' ont été définis pour activer uniquement les lignes de grille verticales. Cela améliore le graphique en ajoutant des lignes de référence utiles tout en évitant les éléments horizontaux superflus.

Couleur et transparence

Il est également possible de modifier la couleur des lignes de la grille à l'aide du paramètre color et leur transparence avec le paramètre alpha.

123456789101112131415161718
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 plt.plot(data_linear, label='linear function', color='red', alpha=0.5) plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) # Customizing the horizontal grid lines plt.grid(True, axis='x', alpha=0.2, color='black') plt.legend() plt.show()
copy

À présent, nos lignes de grille sont noires (color='black') et plus transparentes (alpha=0.2), ce qui améliore encore l'apparence du graphique.

Note
Approfondir

Il existe encore d'autres paramètres possibles pour les fonctions grid() (ils sont moins fréquemment utilisés), voici donc la documentation de grid() au cas où vous souhaiteriez approfondir le sujet.

Tâche

Swipe to start coding

Vous disposez de données de température pour Boston et Seattle et devez personnaliser les lignes de la grille du graphique pour une meilleure lisibilité.

Complétez le code afin de configurer les lignes de la grille selon les exigences suivantes :

  1. Utiliser la fonction appropriée pour configurer les lignes de la grille.
  2. Rendre la grille visible en définissant correctement le premier argument.
  3. Restreindre la grille aux lignes parallèles à l’axe des abscisses (axis='y').
  4. Définir la couleur des lignes de la grille sur 'slategrey'.
  5. Ajuster la transparence des lignes de la grille à 0.5.

Solution

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5
single

single

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain what the `alpha` parameter does in more detail?

How can I customize the grid lines for both axes at the same time?

What other grid customization options are available in matplotlib?

close

Awesome!

Completion rate improved to 3.85

bookPersonnalisation de la Grille

Glissez pour afficher le menu

Une autre partie importante de la personnalisation concerne la grille. Le module pyplot dispose d'une fonction grid() à cet effet.

Visibilité et axes

Son premier paramètre, visible, spécifie s'il faut afficher les lignes de la grille (par défaut, elles ne sont pas affichées).

Le paramètre axis dans la personnalisation de la grille permet de contrôler la direction dans laquelle les lignes de la grille apparaissent sur un graphique :

  • 'x' — affiche les lignes de la grille verticales alignées avec l’axe x ;
  • 'y' — affiche les lignes de la grille horizontales alignées avec l’axe y ;
  • 'both' — affiche les lignes de la grille dans les deux directions (comportement par défaut).

Ce paramètre est utile pour mettre en évidence l’alignement des données selon un axe spécifique ou pour réduire l’encombrement visuel en limitant les lignes de la grille à une seule direction.

123456789101112131415161718
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 plt.plot(data_linear, label='linear function', color='red', alpha=0.5) plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) # Setting the horizontal grid lines to be visible plt.grid(True, axis='x') plt.legend() plt.show()
copy

Dans cet exemple, visible=True et axis='x' ont été définis pour activer uniquement les lignes de grille verticales. Cela améliore le graphique en ajoutant des lignes de référence utiles tout en évitant les éléments horizontaux superflus.

Couleur et transparence

Il est également possible de modifier la couleur des lignes de la grille à l'aide du paramètre color et leur transparence avec le paramètre alpha.

123456789101112131415161718
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 plt.plot(data_linear, label='linear function', color='red', alpha=0.5) plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) # Customizing the horizontal grid lines plt.grid(True, axis='x', alpha=0.2, color='black') plt.legend() plt.show()
copy

À présent, nos lignes de grille sont noires (color='black') et plus transparentes (alpha=0.2), ce qui améliore encore l'apparence du graphique.

Note
Approfondir

Il existe encore d'autres paramètres possibles pour les fonctions grid() (ils sont moins fréquemment utilisés), voici donc la documentation de grid() au cas où vous souhaiteriez approfondir le sujet.

Tâche

Swipe to start coding

Vous disposez de données de température pour Boston et Seattle et devez personnaliser les lignes de la grille du graphique pour une meilleure lisibilité.

Complétez le code afin de configurer les lignes de la grille selon les exigences suivantes :

  1. Utiliser la fonction appropriée pour configurer les lignes de la grille.
  2. Rendre la grille visible en définissant correctement le premier argument.
  3. Restreindre la grille aux lignes parallèles à l’axe des abscisses (axis='y').
  4. Définir la couleur des lignes de la grille sur 'slategrey'.
  5. Ajuster la transparence des lignes de la grille à 0.5.

Solution

Switch to desktopPassez à un bureau pour une pratique réelleContinuez d'où vous êtes en utilisant l'une des options ci-dessous
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5
single

single

some-alt