Visualisation avec Matplotlib au style XKCD

Introduction

Matplotlib est une bibliothèque de visualisation de données qui fournit divers outils pour créer des graphiques 2D et 3D. Elle est construite sur la bibliothèque NumPy et son but principal est de visualiser les données d'une manière simple et efficace. Dans ce tutoriel, nous allons apprendre à créer deux types différents de graphiques à l'aide du style xkcd du webcomic XKCD.

Conseils sur la machine virtuelle

Une fois le démarrage de la machine virtuelle terminé, cliquez dans le coin supérieur gauche pour basculer vers l'onglet Carnet d'étude pour accéder au carnet Jupyter pour la pratique.

Parfois, vous devrez peut-être attendre quelques secondes pour que le carnet Jupyter ait fini de charger. La validation des opérations ne peut pas être automatisée en raison des limites du carnet Jupyter.

Si vous rencontrez des problèmes pendant l'apprentissage, n'hésitez pas à demander à Labby. Donnez des commentaires après la session et nous réglerons rapidement le problème pour vous.

Importation des bibliothèques

La première étape consiste à importer les bibliothèques nécessaires. Nous allons utiliser les bibliothèques matplotlib.pyplot et numpy.

import matplotlib.pyplot as plt
import numpy as np

Création d'un graphique au style xkcd

Dans cette étape, nous allons créer un graphique au style xkcd qui montre la relation entre le temps et la santé globale. Le graphique est basé sur la bande dessinée "Propriété d'un fourneau" de XKCD.

with plt.xkcd():
    fig = plt.figure()
    ax = fig.add_axes((0.1, 0.2, 0.8, 0.7))
    ax.spines[['top', 'right']].set_visible(False)
    ax.set_xticks([])
    ax.set_yticks([])
    ax.set_ylim([-30, 10])

    data = np.ones(100)
    data[70:] -= np.arange(30)

    ax.annotate(
        'LE JOUR OÙ J\'AI COMPRIS QUE JE POUVAIS\nCUISINER DU BACON\nQUAND JE VEUX',
        xy=(70, 1), arrowprops=dict(arrowstyle='->'), xytext=(15, -10))

    ax.plot(data)

    ax.set_xlabel('time')
    ax.set_ylabel('ma santé globale')
    fig.text(
        0.5, 0.05,
        '"Propriété d'un fourneau" de xkcd par Randall Munroe',
        ha='center')

plt.show()

Création d'un graphique en barres au style xkcd

Dans cette étape, nous allons créer un graphique en barres au style xkcd. Le graphique est basé sur la bande dessinée "Les données jusqu'à présent" de XKCD.

with plt.xkcd():
    fig = plt.figure()
    ax = fig.add_axes((0.1, 0.2, 0.8, 0.7))
    ax.bar([0, 1], [0, 100], 0.25)
    ax.spines[['top', 'right']].set_visible(False)
    ax.xaxis.set_ticks_position('bottom')
    ax.set_xticks([0, 1])
    ax.set_xticklabels(['CONFIRMÉ PAR\nEXPÉRIENCE', 'RÉFUTÉ PAR\nEXPÉRIENCE'])
    ax.set_xlim([-0.5, 1.5])
    ax.set_yticks([])
    ax.set_ylim([0, 110])

    ax.set_title("PRÉTENTIONS DE POUVOIRS SURNATURELS")

    fig.text(
        0.5, 0.05,
        '"Les données jusqu'à présent" de xkcd par Randall Munroe',
        ha='center')

plt.show()

Sommaire

Dans ce tutoriel, nous avons appris à créer deux types différents de graphiques à l'aide du style xkcd du webcomic XKCD. Nous avons tout d'abord créé un graphique au style xkcd qui montre la relation entre le temps et la santé globale. Nous avons ensuite créé un graphique en barres au style XKCD qui est basé sur la bande dessinée "Les données jusqu'à présent" de XKCD. En utilisant le style xkcd, nous pouvons créer des visualisations amusantes et captivantes qui sont certainement capables de capter l'attention de notre public.