📊 Matplotlib: Agregar Líneas de Grid en tus Gráficos

Acordeón de los Índices de Matplotlib Adding Grid Lines

Índice de los temas

• Add Grid Lines to a Plot
• Specify Which Grid Lines to Display
• Set Line Properties for the Grid

---

Lección: 8 - Matplotlib Adding Grid Lines

Add Grid Lines to a Plot

➕ Las **líneas de cuadrícula** en un gráfico de Matplotlib pueden ser una herramienta útil para facilitar la lectura de los valores de los datos. Estas líneas se extienden desde las marcas de los ejes a través del área de trazado.

Puedes añadir líneas de cuadrícula a tu gráfico utilizando la función:

• `plt.grid()`: Muestra las líneas de cuadrícula principales para ambos ejes.

Por defecto, `plt.grid()` muestra líneas sólidas de color gris claro. En los siguientes temas, veremos cómo personalizar la apariencia y qué líneas de cuadrícula mostrar.

💻 Código de Ejemplo: Añadiendo líneas de cuadrícula

import matplotlib.pyplot as plt
import numpy as np

x = np.array([1, 2, 3, 4, 5])
y = np.array([3, 7, 2, 9, 5])

plt.plot(x, y)
plt.xlabel("Eje X")
plt.ylabel("Eje Y")
plt.title("Gráfico con Líneas de Cuadrícula")
plt.grid()
plt.show()
            

En este ejemplo, hemos trazado una línea simple y luego hemos añadido líneas de cuadrícula utilizando la función `plt.grid()`. Esto ayuda a visualizar los valores correspondientes en los ejes x e y para cada punto de la línea.

📊 Ejemplo Visual Interactivo (Generado con JavaScript)

👆 Este gráfico generado con JavaScript muestra cómo las líneas de cuadrícula se superponen al gráfico, facilitando la lectura de los valores de los datos en relación con los ejes.

Specify Which Grid Lines to Display

🎯 La función `plt.grid()` te permite controlar qué líneas de cuadrícula se muestran. Puedes especificar si quieres ver las líneas de cuadrícula para el eje x, el eje y o ambos, utilizando el argumento `axis`.

Las opciones para el argumento `axis` son:

• `'x'`: Muestra solo las líneas de cuadrícula correspondientes a las marcas del eje x.
• `'y'`: Muestra solo las líneas de cuadrícula correspondientes a las marcas del eje y.
• `'both'` (o no especificar `axis`): Muestra las líneas de cuadrícula para ambos ejes (es la opción por defecto).

Esta flexibilidad te permite adaptar la cuadrícula a las necesidades específicas de tu visualización, resaltando la información relevante sin sobrecargar el gráfico.

💻 Código de Ejemplo: Especificando las líneas de cuadrícula a mostrar

import matplotlib.pyplot as plt
import numpy as np

x = np.array([1, 2, 3, 4, 5])
y = np.array([3, 7, 2, 9, 5])

plt.figure(figsize=(12, 4))

plt.subplot(1, 3, 1)
plt.plot(x, y)
plt.grid(axis='x')
plt.title('Cuadrícula solo en el eje x')

plt.subplot(1, 3, 2)
plt.plot(x, y)
plt.grid(axis='y')
plt.title('Cuadrícula solo en el eje y')

plt.subplot(1, 3, 3)
plt.plot(x, y)
plt.grid(axis='both')
plt.title('Cuadrícula en ambos ejes')

plt.tight_layout()
plt.show()
            

En este ejemplo, hemos creado tres subgráficos del mismo conjunto de datos. En cada subgráfico, hemos utilizado el argumento `axis` de la función `plt.grid()` para mostrar las líneas de cuadrícula solo en el eje x, solo en el eje y y en ambos ejes.

📊 Ejemplo Visual Interactivo (Generado con JavaScript)

👆 Este gráfico generado con JavaScript ilustra cómo se pueden mostrar las líneas de cuadrícula de forma independiente para los ejes x e y.

Set Line Properties for the Grid

⚙️ Además de controlar qué líneas de cuadrícula se muestran, Matplotlib te permite personalizar su apariencia. Puedes modificar el **color**, el **estilo de línea** y el **ancho** de las líneas de la cuadrícula utilizando argumentos adicionales en la función `plt.grid()`.

Los argumentos comunes para personalizar las propiedades de la línea de la cuadrícula son:

• `color`: Especifica el color de las líneas de la cuadrícula (ej: `'red'`, `'#cccccc'`, `(0.5, 0.5, 0.5)`).
• `linestyle` (o `ls`): Define el estilo de la línea de la cuadrícula (ej: `'-'` para sólido, `'--'` para punteado, `'-.'` para dash-dot, `':'` para dotted).
• `linewidth` (o `lw`): Establece el ancho de las líneas de la cuadrícula en puntos (ej: `0.5`, `1`, `2`).
• `alpha`: Controla la transparencia de las líneas de la cuadrícula (un valor entre 0 y 1, donde 0 es completamente transparente y 1 es completamente opaco).

Personalizar las propiedades de la cuadrícula puede ayudarte a integrarla mejor con el estilo general de tu gráfico y a asegurar que no distraiga de los datos principales.

💻 Código de Ejemplo: Personalizando las propiedades de la cuadrícula

import matplotlib.pyplot as plt
import numpy as np

x = np.array([1, 2, 3, 4, 5])
y = np.array([3, 7, 2, 9, 5])

plt.plot(x, y)
plt.xlabel("Eje X")
plt.ylabel("Eje Y")
plt.title("Gráfico con Cuadrícula Personalizada")
plt.grid(color='green', linestyle='--', linewidth=0.5, alpha=0.7)
plt.show()
            

En este ejemplo, hemos añadido una cuadrícula con líneas de color verde (`color='green'`), estilo punteado (`linestyle='--'`), un ancho de 0.5 puntos (`linewidth=0.5`) y una ligera transparencia (`alpha=0.7`).

📊 Ejemplo Visual Interactivo (Generado con JavaScript)

👆 Este gráfico generado con JavaScript muestra un ejemplo de cómo se pueden modificar el color y el estilo de las líneas de la cuadrícula.

---