Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Colores y Transparencia | Personalización de Gráficos
Visualización Definitiva con Python

Desliza para mostrar el menú

book
Colores y Transparencia

Colores

Cuando se discutieron los gráficos de barras, se personalizaron los colores de las barras individuales. Para cambiar el color de todas las gráficas de manera uniforme, utilice el argumento de palabra clave color.

123456789101112131415161718
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 data_log = np.exp(data_linear) # Setting the color of the first line plot plt.plot(data_linear, label='linear function', color='red') # Setting the color of the second line plot plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) plt.legend() plt.show()
copy

En este caso, se estableció el color red para la primera gráfica de líneas y blue para la segunda. A diferencia de los gráficos de dispersión o de barras, que constan de múltiples elementos, una gráfica de líneas representa un solo elemento, por lo que solo se puede asignar un color. Para comparar, considere el siguiente ejemplo de gráfico de barras de una sección anterior:

123456789
import matplotlib.pyplot as plt programming_languages = ['Python', 'Java', 'C#', 'C++'] shares = [40, 30, 17, 13] # Setting a separate color for each bar plt.bar(programming_languages, shares, color=['b', 'green', 'red', 'yellow']) plt.title('Percentage of users of programming languages') plt.show()
copy

Transparencia

Otro parámetro de apariencia es alpha (transparencia de la gráfica). Su valor predeterminado es 1 (opaco), que es su valor máximo posible. Básicamente, sus valores posibles van de 0 a 1, donde 0 hace que la gráfica sea completamente transparente.

123456789101112131415
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 # Changing the transparency of the first line plot plt.plot(data_linear, label='linear function', color='red', alpha=0.5) plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) plt.legend() plt.show()
copy

Al utilizar alpha=0.5, hicimos que la gráfica de la función lineal fuera más transparente para centrar más la atención en la gráfica de la función cuadrática. Modificar la transparencia se utiliza principalmente con este propósito.

Tarea

Swipe to start coding

  1. Establecer el color de las barras inferiores a 'darkslateblue'.
  2. Establecer el color de las barras intermedias a 'steelblue' (el argumento debe ir después del parámetro label).
  3. Establecer la transparencia de las barras intermedias a 0.7 (el argumento más a la derecha).
  4. Establecer el color de las barras superiores a 'goldenrod'.

Solución

Switch to desktopCambia al escritorio para practicar en el mundo realContinúe desde donde se encuentra utilizando una de las siguientes opciones
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 4

Pregunte a AI

expand
ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

book
Colores y Transparencia

Colores

Cuando se discutieron los gráficos de barras, se personalizaron los colores de las barras individuales. Para cambiar el color de todas las gráficas de manera uniforme, utilice el argumento de palabra clave color.

123456789101112131415161718
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 data_log = np.exp(data_linear) # Setting the color of the first line plot plt.plot(data_linear, label='linear function', color='red') # Setting the color of the second line plot plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) plt.legend() plt.show()
copy

En este caso, se estableció el color red para la primera gráfica de líneas y blue para la segunda. A diferencia de los gráficos de dispersión o de barras, que constan de múltiples elementos, una gráfica de líneas representa un solo elemento, por lo que solo se puede asignar un color. Para comparar, considere el siguiente ejemplo de gráfico de barras de una sección anterior:

123456789
import matplotlib.pyplot as plt programming_languages = ['Python', 'Java', 'C#', 'C++'] shares = [40, 30, 17, 13] # Setting a separate color for each bar plt.bar(programming_languages, shares, color=['b', 'green', 'red', 'yellow']) plt.title('Percentage of users of programming languages') plt.show()
copy

Transparencia

Otro parámetro de apariencia es alpha (transparencia de la gráfica). Su valor predeterminado es 1 (opaco), que es su valor máximo posible. Básicamente, sus valores posibles van de 0 a 1, donde 0 hace que la gráfica sea completamente transparente.

123456789101112131415
import matplotlib.pyplot as plt import numpy as np data_linear = np.arange(0, 11) data_squared = data_linear ** 2 # Changing the transparency of the first line plot plt.plot(data_linear, label='linear function', color='red', alpha=0.5) plt.plot(data_squared, '-o', label='quadratic function', color='blue') plt.xticks(data_linear) plt.xlabel('x', loc='right') plt.ylabel('y', loc='top', rotation=0) plt.legend() plt.show()
copy

Al utilizar alpha=0.5, hicimos que la gráfica de la función lineal fuera más transparente para centrar más la atención en la gráfica de la función cuadrática. Modificar la transparencia se utiliza principalmente con este propósito.

Tarea

Swipe to start coding

  1. Establecer el color de las barras inferiores a 'darkslateblue'.
  2. Establecer el color de las barras intermedias a 'steelblue' (el argumento debe ir después del parámetro label).
  3. Establecer la transparencia de las barras intermedias a 0.7 (el argumento más a la derecha).
  4. Establecer el color de las barras superiores a 'goldenrod'.

Solución

Switch to desktopCambia al escritorio para practicar en el mundo realContinúe desde donde se encuentra utilizando una de las siguientes opciones
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 4
Switch to desktopCambia al escritorio para practicar en el mundo realContinúe desde donde se encuentra utilizando una de las siguientes opciones
Lamentamos que algo salió mal. ¿Qué pasó?
some-alt