S3 Práctica: Gráficas De Línea: Parte 2

PRÁCTICA: GRÁFICAS DE LÍNEA: PARTE 2

Ahora va a graficar en la misma gráfica 2 cosas.

En esta celda va a graficar el 'Valor Mínimo' y el 'Valor Máximo'.

Entonces, si yo le doy run, tengo aquí esta gráfica, esta Gráfica en Azul Low, en Naranja High, los colores se asignaron automáticamente pero, yo podría modificarlo igual que como teníamos aquí agregando un parámetro, ahorita lo voy a dejar de esta manera.

Nuestros 2 datos se parecen mucho, así que, nuestros valores se Auto-Escalan y si se dan cuenta en un eje de 8 y de 14 pero

¿Qué pasa si ahora agregó a esa misma gráfica un valor muy alejado?

Bueno para este Ejemplo va a agregar también el Valor Máximo de 'BIMBO' en la siguiente celda.

Nuestra siguiente celda va a graficar el Mínimo de 'CEMEX' el Máximo de 'CEMEX' y el Máximo de 'BIMBO' y va a darle PLAY, a ver

¿Qué pasa?

Al momento de darle Play se genera esta gráfica.

Esta gráfica tiene 3 líneas: La 'Naranja' para el Alto de 'CEMEX', La Azul para el Bajo de 'CEMEX' y el Verde para El Alto de 'BIMBO' pero, se dan cuenta que, gracias a que se incluyó BIMBO, nuestra escala creció tanto que ya es muy difícil distinguir los valores de CEMEX.

Muchas veces cuando se trabaja con datos ocurre este tipo de cosas y la forma que podríamos solucionarla es generando 2 gráficas, Una para BIMBO y Una para CEMEX.

Para que Cada Uno se auto-ajuste Bueno, Python lo puede hacer de la siguiente manera.

En nuestra siguiente celda le decimos utilizando el 'PLT' de matplot voy a hacer una figura y esa figura va a tener 2 Sub-gráficas: La Primera Sub-gráfica va a incluir a 'CEMEX' Bajo y al 'CEMEX' en Alta y nuestra Segunda Sub-gráfica va a incluir a 'BIMBO' en Baja y a 'BIMBO' en Alta.

Si yo gráfico esto (Le doy run) Me genera esta información.

Ahora sí, cada par de valores tiene su propia gráfica dentro de una imagen compartida pero, yo sé que ver Azules para Low Alta es con Naranja en ambos casos pero, no sé cuál es de CEMEX y cuál es de BIMBO.

va a continuar con este mismo código pero, lo va a modificar un poco.

En nuestra siguiente celda tiene el mismo código pero se incluyó esta 'plt.title CEMEX', 'plt.title BIMBO' que le estoy diciendo la gráfica, la Sub-gráfica de arriba le voy a dar el Título de CEMEX, La Sub-gráfica de abajo le voy a dar el título de BIMBO.

Ejecutó...

y nos aparece este CEMEX y BIMBO y ahora si ya tiene bastante más sentido y una persona que no no conocía de estos datos con la simple vista puede ver Que significa cada una de estas.

Nuestro último Ejemplo es un Ejemplo un poco más sofisticado, yo sé que aparentemente tiene demasiado código y que si esta es su primera vez podría parecerte difícil.

Pero toma tu tiempo, revisa cada una de las instrucciones, muchas veces los nombres de las instrucciones son intuitivas, muchas veces se podra aprender un poquito de ellas.

Empiezo diciendo lo que voy a graficar, una figura que va a haber un 'Sub Plot', la primera Sub-gráfica.

En esta gráfica voy a graficar de CEMEX el valor Bajo con el color 'r', con la línea punteada, ocupando la etiqueta Low, con un alza de 0.3, es decir, el 30% del color.

Tengo una de valor Alta ocupando el color Azul, con línea punteada, la etiqueta es Alta y tiene el 30% del color y tengo el valor de Cierre que su color va a ser Verde, su etiqueta es Cierre, con el 100% del color.

Esa se va a llamar CEMEX.

En esta nueva instrucción 'xslim' yo delimitó los valores del eje 'x' y delimitó los valores del eje 'y'.

Antes se auto ajustaban los valores, ahora yo se los estoy dando específicamente.

Bueno, Le digo que también va a imprimir su leyenda.

A continuación voy a hacer exactamente lo mismo, en la Gráfica II pero con los valores de BIMBO.

Entonces que se va a ver en este, en esta figura se van a ver 2 gráficas y en cada una de las gráficas va a tener 3 líneas, una línea punteada Roja, que va a representar el valor LOW.

Una línea punteada Azul, que va a representar el valor de ALTA y una línea Verde sólida que va a representar el valor de CIERRE.

va a darle Play y va a ver si se cumple.

Aquí la tiene.

Generar las gráficas muchas veces No es nuestra función principal sino compartir esa información para eso también incluimos esta última instrucción 'savefig', salva la figura, guarda la figura.

Yo le asignó un título y la terminación '.png' que puede ser sustituida por '.jpg', según el formato que quieras, y en donde lo graba.

Esta gráfica que hicimos la va a grabar en la misma carpeta donde guardamos el cuaderno.

Si yo me voy a esa carpeta donde guardamos el cuaderno y la busco, Aquí esta, 'Gráfica de línea.png' y la abro Aquí tiene nuestra gráfica, bueno, este cuaderno ha terminado hasta aquí.

Hemos visto las funciones principales de

¿Cómo generar una gráfica de línea?

y te invito a que continúes con otro tipo de gráficas.