Visualización con Matplotlib en estilo XKCD

Introducción

Matplotlib es una biblioteca de visualización de datos que ofrece varias herramientas para crear gráficos 2D y 3D. Está construida sobre la biblioteca NumPy y su principal objetivo es visualizar datos de manera simple y efectiva. En este tutorial, aprenderemos cómo crear dos tipos diferentes de gráficos utilizando el estilo xkcd del cómic web XKCD.

Consejos sobre la VM

Una vez finalizada la inicialización de la VM, haga clic en la esquina superior izquierda para cambiar a la pestaña Cuaderno y acceder a Jupyter Notebook para practicar.

A veces, es posible que tenga que esperar unos segundos a que Jupyter Notebook termine de cargarse. La validación de operaciones no puede automatizarse debido a las limitaciones de Jupyter Notebook.

Si tiene problemas durante el aprendizaje, no dude en preguntar a Labby. Deje su retroalimentación después de la sesión y resolveremos el problema rápidamente para usted.

Importando bibliotecas

El primer paso es importar las bibliotecas necesarias. Vamos a utilizar las bibliotecas matplotlib.pyplot y numpy.

import matplotlib.pyplot as plt
import numpy as np

Creando un gráfico en estilo xkcd

En este paso, crearemos un gráfico en estilo xkcd que muestre la relación entre el tiempo y la salud general. El gráfico se basa en el cómic "Propiedad de una estufa" 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(
        'EL DÍA EN QUE ME DI CUENTA\nDE QUE PODÍA COCINAR BACON\nSIEMPRE QUE QUISIERA',
        xy=(70, 1), arrowprops=dict(arrowstyle='->'), xytext=(15, -10))

    ax.plot(data)

    ax.set_xlabel('tiempo')
    ax.set_ylabel('mi salud general')
    fig.text(
        0.5, 0.05,
        '"Propiedad de una estufa" de xkcd de Randall Munroe',
        ha='center')

plt.show()

Creando un gráfico de barras en estilo xkcd

En este paso, crearemos un gráfico de barras con el estilo xkcd. El gráfico se basa en el cómic "Los datos hasta ahora" 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(['CONFIRMADO POR\nEXPERIMENTO', 'REFUTADO POR\nEXPERIMENTO'])
    ax.set_xlim([-0.5, 1.5])
    ax.set_yticks([])
    ax.set_ylim([0, 110])

    ax.set_title("AFIRMACIONES DE PODERES SOBERNATURALES")

    fig.text(
        0.5, 0.05,
        '"Los datos hasta ahora" de xkcd de Randall Munroe',
        ha='center')

plt.show()

Resumen

En este tutorial, aprendimos cómo crear dos tipos diferentes de gráficos utilizando el estilo xkcd del cómic web XKCD. Primero creamos un gráfico en estilo xkcd que muestra la relación entre el tiempo y la salud general. Luego creamos un gráfico de barras con el estilo xkcd que se basa en el cómic "Los datos hasta ahora" de XKCD. Al utilizar el estilo xkcd, podemos crear visualizaciones divertidas y atractivas que seguramente capturarán la atención de nuestra audiencia.