Visualização com Matplotlib e Estilo XKCD

Beginner

This tutorial is from open-source community. Access the source code

Introdução

Matplotlib é uma biblioteca de visualização de dados que oferece diversas ferramentas para criar gráficos 2D e 3D. Ela é construída sobre a biblioteca NumPy e seu principal objetivo é visualizar dados de forma simples e eficaz. Neste tutorial, aprenderemos como criar dois tipos diferentes de gráficos usando o estilo xkcd do webcomic XKCD.

Dicas para a VM

Após a inicialização da VM, clique no canto superior esquerdo para mudar para a aba Notebook e acessar o Jupyter Notebook para praticar.

Às vezes, pode ser necessário aguardar alguns segundos para que o Jupyter Notebook termine de carregar. A validação das operações não pode ser automatizada devido a limitações no Jupyter Notebook.

Se você enfrentar problemas durante o aprendizado, sinta-se à vontade para perguntar ao Labby. Forneça feedback após a sessão, e resolveremos o problema prontamente para você.

Importando Bibliotecas

O primeiro passo é importar as bibliotecas necessárias. Usaremos as bibliotecas matplotlib.pyplot e numpy.

import matplotlib.pyplot as plt
import numpy as np

Criando um Gráfico no Estilo XKCD

Nesta etapa, criaremos um gráfico no estilo xkcd que mostra a relação entre o tempo e a saúde geral. O gráfico é baseado na história em quadrinhos "Stove Ownership" do 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(
        'THE DAY I REALIZED\nI COULD COOK BACON\nWHENEVER I WANTED',
        xy=(70, 1), arrowprops=dict(arrowstyle='->'), xytext=(15, -10))

    ax.plot(data)

    ax.set_xlabel('time')
    ax.set_ylabel('my overall health')
    fig.text(
        0.5, 0.05,
        '"Stove Ownership" from xkcd by Randall Munroe',
        ha='center')

plt.show()

Criando um Gráfico de Barras com Estilo XKCD

Nesta etapa, criaremos um gráfico de barras com o estilo XKCD. O gráfico é baseado na história em quadrinhos "The Data So Far" do 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(['CONFIRMED BY\nEXPERIMENT', 'REFUTED BY\nEXPERIMENT'])
    ax.set_xlim([-0.5, 1.5])
    ax.set_yticks([])
    ax.set_ylim([0, 110])

    ax.set_title("CLAIMS OF SUPERNATURAL POWERS")

    fig.text(
        0.5, 0.05,
        '"The Data So Far" from xkcd by Randall Munroe',
        ha='center')

plt.show()

Resumo

Neste tutorial, aprendemos como criar dois tipos diferentes de gráficos usando o estilo xkcd da webcomic XKCD. Primeiro, criamos um gráfico no estilo xkcd que mostra a relação entre o tempo e a saúde geral. Em seguida, criamos um gráfico de barras com o estilo XKCD, baseado na história em quadrinhos "The Data So Far" do XKCD. Ao usar o estilo xkcd, podemos criar visualizações divertidas e envolventes que certamente capturam a atenção do nosso público.