Agregar enlaces hipervinculo a los gráficos

Introducción

Matplotlib es una biblioteca de visualización de datos de Python que permite a los usuarios crear una amplia variedad de visualizaciones estáticas, animadas e interactivas en Python. En este laboratorio, aprenderá a agregar enlaces hipervinculos a sus gráficos utilizando Matplotlib. Al final de este laboratorio, podrá agregar enlaces hipervinculos a diagramas de dispersión e imágenes en Matplotlib.

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 algunos 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 sus comentarios después de la sesión y lo resolveremos rápidamente para usted.

Importar las bibliotecas necesarias

Antes de comenzar, debemos importar las bibliotecas necesarias para este laboratorio. Utilizaremos matplotlib.pyplot, numpy y matplotlib.cm.

import matplotlib.pyplot as plt
import numpy as np
import matplotlib.cm as cm

Crear un diagrama de dispersión con enlaces hipervinculo

En este paso, crearemos un diagrama de dispersión y agregaremos enlaces hipervinculo a los marcadores. Aquí está el código para crear el diagrama de dispersión:

fig = plt.figure()
s = plt.scatter([1, 2, 3], [4, 5, 6])

Para agregar enlaces hipervinculo, debemos utilizar el método set_urls() del objeto del diagrama de dispersión. Este método toma una lista de URLs como argumento. Aquí está el código actualizado:

s.set_urls(['https://www.bbc.com/news', 'https://www.google.com/', None])

Los primeros dos marcadores tendrán enlaces hipervinculo a https://www.bbc.com/news y https://www.google.com/, respectivamente. El tercer marcador no tendrá un enlace hipervinculo. Finalmente, podemos guardar el gráfico como un archivo SVG utilizando fig.savefig():

fig.savefig('scatter.svg')

Crear una imagen con un enlace hipervinculo

En este paso, crearemos una imagen y le agregaremos un enlace hipervinculo. Aquí está el código para crear la imagen:

fig = plt.figure()
delta = 0.025
x = y = np.arange(-3.0, 3.0, delta)
X, Y = np.meshgrid(x, y)
Z1 = np.exp(-X**2 - Y**2)
Z2 = np.exp(-(X - 1)**2 - (Y - 1)**2)
Z = (Z1 - Z2) * 2

im = plt.imshow(Z, interpolation='bilinear', cmap=cm.gray,
                origin='lower', extent=[-3, 3, -3, 3])

Para agregar un enlace hipervinculo a la imagen, debemos utilizar el método set_url() del objeto de la imagen. Este método toma una URL como argumento. Aquí está el código actualizado:

im.set_url('https://www.google.com/')

La imagen tendrá un enlace hipervinculo a https://www.google.com/. Finalmente, podemos guardar el gráfico como un archivo SVG utilizando fig.savefig():

fig.savefig('image.svg')

Ejecutar el código

Ejecute el código en su entorno de Python. Deberían generarse dos archivos SVG: scatter.svg e image.svg. Abra estos archivos y pase el cursor del mouse sobre los marcadores en el diagrama de dispersión y la imagen. Debería ver una información emergente con el enlace hipervinculo.

Resumen

En este laboratorio, aprendiste cómo agregar enlaces hipervinculo a diagramas de dispersión e imágenes en Matplotlib. Utilizaste el método set_urls() para los diagramas de dispersión y el método set_url() para las imágenes. Agregar enlaces hipervinculo a tus gráficos puede ser útil cuando quieres proporcionar información adicional o recursos a tu audiencia.