hacking-civico icon indicating copy to clipboard operation
hacking-civico copied to clipboard

Tarea 4 - Visualización 📚

Open ricardomiron opened this issue 4 years ago • 23 comments

Visualiza datos científicos 📊

Las representaciones gráficas nos ayudan a comunicar más adecuadamente los datos y resumen la información de manera que sea más entendible. Para esta tarea solo es necesario seguir las instrucciones de los Notebooks y videos del tema de visualización de datos y completar los ejercicios.

Pasos a seguir 📚

☝️ Primero:

Revisa el Notebook de gráficos simples y crea un gráfico que:

  • [ ] Utilice datos de empleo de estados unidos (data.us_employment()).
  • [ ] Sea un gráfico de línea.
  • [ ] En el eje $x$ visualices los meses.
  • [ ] En el eje $y$ visualices el cambio en el sector no agricola (nonfram_change).
  • [ ] Que la línea sea de color negro.
  • [ ] Que el gráfico sea de un ancho de 650px.
  • [ ] Que el gráfico tenga un título descriptivo.
  • [ ] Bonus: El mismo gráfico pero en "área", es decir, que sea un gráfico de área.

¿Qué enfatiza más el gráfico de área, a comparación con el de línea?

☝️ Segundo:

Revisa el Notebook de gráficos complejos y crea un gráfico de barras que:

  • [ ] Utilice el conjunto de datos de pingüinos.
  • [ ] Los marcadores sean barras.
  • [ ] En el eje $x$ se visualiza la longitud promedio de las aletas de cada especie de pingüino.
  • [ ] En el eje $y$ se visualiza la especie del pingüino.
  • [ ] Cada barra tiene también una etiqueta con la especie del pingüino.

☝️ Tercero:

Revisa el Notebook de compartir gráficos y exporta cualquiera de los gráficos que hayas creado:

  • [ ] Usa los colores y formato al que consideres más adecuado.

Indicaciones ⚠️

Haz un comentario en este Issue compartiendo una imagen del gráfico que creaste en el tercer paso. Utiliza Markdown para describir el gráfico. Adicionalmente, desde tu fork, dentro de la carpeta de tareas tienes 2 opciones para subir todos los ejercicios de visualización:

  1. Crear un archivo Markdown con la explicación y el código de cómo lo hiciste, llámalo 04-visualizacion.md. (utiliza el formato de bloque de código, no es necesario subir ningún script o archivo de Python).
  2. Crea un Notebook en Google Colab y guarda una copia en tu fork de GitHub de la siguiente manera tareas/04-visualizacion.ipynb.

Fecha límite 📆

Domingo 28 de noviembre a las 11:59 pm.

ricardomiron avatar Sep 10 '20 03:09 ricardomiron

Promedio de longitud de aletas de pingüinos

visualization

El gráfico utiliza la información respecto a pingüinos incluido en seaborn. Muestra la longitud promedio de las aletas para cada especie del ave incluida en los datos. Los colores son seleccionados por la librería al usar alt.Color("species"). Para evitar que la leyenda de los colores se muestre, ya que sería repetido con el eje y, se utiliza leyend=None dentro de alt.Color. Fue exportado con tamaño width=600, height=200; el ancho es visiblemente mayor que el alto debido al tipo de gráfico.

jose-gomezm avatar Sep 11 '20 00:09 jose-gomezm

Tarea 4

Gráfico con altair


Descripción del gráfico

El gráfico lo hice con color verde, además decidí que para la etiqueta de texto, en lugar de graficar en x la media, graficaría el mínimo, pues de esta forma, la etiqueta quedaría completamente dentro de la barra. Además, para añadir un título creé una variable más para añadir properties a la suma o concatenación de los dos gráficos. La imágen la descargué en formato png.

visualization

MarcelaMosino avatar Sep 12 '20 02:09 MarcelaMosino

Tarea 4

Descripción del gráfico con altair

Hice tres gráficos con una etiqueta de colores azul amarillo y rojo color verde, las etiquetas de texto, son para la isla y la especie en cada isla, en el codigo opte por graficar en x la media para la longitud de las alas, La imágen la descargué en formato png.

visualization (1)

ghost avatar Sep 12 '20 05:09 ghost

Tarea 4

Descripción del gráfico altair

visualization (1)

El gráfico utiliza la información de la base de datos sobre pingüinos. Muestra la longitud promedio de las aletas para cada especie en el X y en el eje Y muestra las especies que están registradas en la base de datos. Los colores están predeterminados por Altair y se muestran una vez que se etiquetan las barras por alguna categoría, en este caso "Especies".

jorgegarcia396 avatar Sep 15 '20 22:09 jorgegarcia396

Tarea 4

Empleo no agrícola

Para este gráfico me costó un poco más de dónde importar los datos de empleo, peor al final lo logré. Después de importarlos sólo seleccioné el tipo de gráfico, los datos de los ejes, le di formato en cuanto al color y quedó. Aunque en las indicaciones se estableció que el ancho tenía que ser de 650, decidí ampliarlo a 1200 px porque de otra forma los datos de los meses quedaban apretados y no se podían distinguir bien, fue más una decisión de diseño que otra cosa. Con respecto a la pregunta bonus: sí, en un gráfico de área se ve un poco más clara la variación de los empleos

visualization

visualization (1)

Longitud aleta de pigüinos

Para esta tabla importé los datos de los pingüinos, y realicé dos gráficos para ponerlos como capas. En el primero puse los datos en formato de barras, con un titulo y leyenda para identificar más fácil la información. En el segundo debo confesar que me costó acomodar las leyendas de las especies, pero al final lo puse en el nível máximo de longitud para que fuera más fácil la lectura

visualization (2)

shan-david avatar Sep 16 '20 16:09 shan-david

Tarea 4

Visualización de datos con Altair

Empleos del sector no agrícola de los Estados Unidos

Los gráficos utilizan la información de empleos, refleja la variación de empleos del sector no agrícola en los Estados Unidos del años 2006 al 2015, respecto a la pregunta bonus; la gráfica de área enfatiza de manera más clara el aumento y disminución de los empleos en el sector no agrícola ya que es más clara esa diferencia por la cercanía del gráfico al valor cero, elemento que en la gráfica de líneas no es tan claro.

visualization (1)

visualization (2)

Longitud promedio aletas pingüinos

El gráfico utiliza la información de pingüinos incluida en el seaborn, detalla la longitud promedio de las aletas de las especies en milímetros, de igual forma contiene una etiqueta con el valor máximo de la longitud de aletas de cada especie, el gráfico fue descargado en formato png.

visualization

MARTIN0399 avatar Sep 16 '20 17:09 MARTIN0399

Tarea 4

Visualiza datos científicos

visualization

El gráfico utiliza la información respecto a pingüinos. Siendo la especie Gentoo con 217.9 mm la de las aletas más grandes.

Notas: Creí conveniente agregar la longitud promedio como un label dentro de las gráficas de barras por lo que usé 3 capas y modifiqué las propiedades dx, dy para acomodar los textos, así mismo cambie el esquema de colores a set3.

hizmarck avatar Sep 16 '20 18:09 hizmarck

visualization Descripción: Como podemos ver el gráfico con nombre longitud de aletas de pingüinos muestra la longitud promedio de las aletas de pingüinos de las especies Adelie, Chinstrap y Gentoo, cada una con un color que le es asignado por la librería alt.Color("species") y las etiquetas fueron incrustadas al agregar otro plano al gráfico.

EmePin avatar Sep 16 '20 23:09 EmePin

1 visualization

2 visualization (1)

3 visualization (2)

ecaldrn avatar Sep 17 '20 20:09 ecaldrn

PRIMERO

Revisa el Notebook de gráficos simples y crea un gráfico que:

  • Utilice datos de empleo de estados unidos (data.us_employment()).
  • Sea un gráfico de línea.
  • En el eje $x$ visualices los meses.
  • En el eje $y$ visualices el cambio en el sector no agricola (nonfram_change).
  • Que la línea sea de color negro.
  • Que el gráfico sea de un ancho de 650px.
  • Que el gráfico tenga un título descriptivo.
  • Bonus: El mismo gráfico pero en "área", es decir, que sea un gráfico de área.

visualization (2) visualization (1)

SEGUNDO

Revisa el Notebook de gráficos complejos y crea un gráfico de barras que:

  • Utilice el conjunto de datos de pingüinos.
  • Los marcadores sean barras.
  • En el eje $x$ se visualiza la longitud promedio de las aletas de cada especie de pingüino.
  • En el eje $y$ se visualiza la especie del pingüino.
  • Cada barra tiene también una etiqueta con la especie del pingüino.

visualization

PaoHdez94 avatar Sep 18 '20 19:09 PaoHdez94

📄 El gráfico nos muestra el promedio de la longitud de la aleta del pingüino por especie en milímetros.

visualization

MadriD2ev avatar Sep 19 '20 05:09 MadriD2ev

☝️Primero:

Revisa el Notebook de gráficos simples y crea un gráfico que:

Utilice datos de empleo de estados unidos (data.us_employment()). Sea un gráfico de línea. En el eje $x$ visualices los meses. En el eje $y$ visualices el cambio en el sector no agricola (nonfram_change). Que la línea sea de color negro. Que el gráfico sea de un ancho de 650px. Que el gráfico tenga un título descriptivo. Bonus: El mismo gráfico pero en "área", es decir, que sea un gráfico de área. Grafico_base Grafico_base_area

¿Qué enfatiza más el gráfico de área, a comparación con el de línea?

Hace énfasis en el volumen de los datos

☝️ Segundo:

Revisa el Notebook de gráficos complejos y crea un gráfico de barras que:

Utilice el conjunto de datos de pingüinos. Los marcadores sean barras. En el eje $x$ se visualiza la longitud promedio de las aletas de cada especie de pingüino. En el eje $y$ se visualiza la especie del pingüino. Cada barra tiene también una etiqueta con la especie del pingüino.

Grafico_capas

LuisGTZB avatar Sep 20 '20 05:09 LuisGTZB

4a. Datos de empleo de Estados Unidos 4a Empleo de Estados Unidos

En teoría, el gráfico de área ayuda a visibilizar la información de forma más clara en tanto muestra la diferencia entre el valor actual y el valor inicial de los datos mediante áreas de distintas dimensiones.

4b. Datos de pingüinos 4b  Datos de pingüinos

davseg avatar Sep 20 '20 18:09 davseg

:point_up: Segundo

He creado un grafico compuesto que consiste en 3 graficos empalmados.

1er grafico

Este grafico fue de barras. Los cambios fueron que la opacidad se ajustó al 70%, y que se ajustó por color respecto a la especie. La leyenda de color-especies se eliminó porque resultaba trivial.

2do grafico

Este grafico fue de texto, solamente se colocaron las etiquetas de especie dentro de las barras. Para que estas etiquetas se encontraran dentro solamente en vez de usar la función mean(), bastó con usar min(), es decir, en la posición más chica de la longitud de aleta por especie.

3er grafico

Este grafico es análogo al 2do, solo que en lugar de colocar la leyenda de especie, se colocó el promedio de las aletas, para que fuera aún mayor la apreciación visual. Es importante recalcar, que se redondeó el promedio a 3 cirfras decimales, esto para que el impacto vsual sea más suave y simétrico.

visualization

Edgar-La avatar Sep 20 '20 19:09 Edgar-La

Gráfico Simple que muestra el cambio del Sector No Agrícola

Gráfico de línea color negro que muestra los meses respecto al cambio en el sector No agrícola con un ancho de 650px visualization


Gráfico Simple que muestra el cambio del Sector No Agrícola

Gráfico de área color negro que muestra los meses respecto al cambio en el sector No agrícola con un ancho de 650px visualization (1)

Gráfico complejo que muestra la longitud promedio de las aletas de casa especie

Gráfico de barras de colores que muestran la longitud promedio de las aletas respecto a cada especie. Cada barra tiene la etiqueta de la especie con su nombre

visualization (2)

Glaydyesther avatar Sep 20 '20 22:09 Glaydyesther

Visualización de datos científicos

Para el ejercicio No. 3, la gráfica que elegí exportar, fue la del 2do ejercicio:

image

Considerando que estos cursos son un inicio en la programación para mi, el código para realizar la gráfica me llamó mucho la atención por el formato.

La gráfica de forma sencilla muestra las especies de pinguinos y en el eje X muestra la longitud promedio de las aletas de estos, además de incluir las etiquetas de nombre al final de las barras horizontales.

EsquivelJC avatar Sep 21 '20 02:09 EsquivelJC

Ejercicio 3:

Gráfica del largo promedio de las aletas de los pingüinos :penguin:. En este gráfico cambié el color del texto de la capa que aparece sobre cada barra. Además modifiqué el alto de cada barra (size = 50) y aumenté el tamaño del gráfico para facilitar la visualización (width = 1200 y height = 500) :grin: .

grafico pinuginos

escorpioh avatar Sep 21 '20 04:09 escorpioh

Ejercicio 3:

Gráficas de Variación mensual del número de empleos de los sectores económicos/ exceptuando el Sector Agrícola en formato de líneas y de área en Estados Unidos de Norteamérica :us: . El gráfico de área muestra de forma clara el tiempo que transcurre entre los picos y valles que se generan por el aumento y disminución del empleo. Por el contrario, el gráfico de líneas muestra de forma clara las variaciones en el número de empleos que se generan o pierden

grafico empleo lineas

grafico empleo area

escorpioh avatar Sep 21 '20 04:09 escorpioh

Tarea 4

Empleo en el sector no-agrícola de EEUU.

visualization

¿Qué enfatiza más el gráfico de área, a comparación con el de línea?

Acentúa mucho más la base: el 0. Facilita notar las variaciones en periodos más pronunciados.

Longitud promedio de las aletas de cada especie de pingüino

visualization-3

jballesterosc avatar Sep 21 '20 04:09 jballesterosc

Tarea 4

Gráfica con los cambios en el sector no agrícola, por mes, en los Estados Unidos. El ancho es de 650 px

ej1

JohannGordillo avatar Sep 21 '20 04:09 JohannGordillo

de los gráficos del sector no agrícola se puede observar la diferencia entre el plot de área y el de linea ya que hace una linea en cero, por lo que se ve el contraste sobre los números negativos si es que se quiere enfatizar eso, también le agregue los puntos de los datos para observar cuales son exactamente. Para el plot de los pinguinos lo único que le agregué fue poner la raza dentro de la barra usando mark_text(align='right') aun qué no me queda claro por qué a la izq

visualization (2) visualization (1) visualization

FdoMillan avatar Sep 23 '20 00:09 FdoMillan

Primero

image image

¿Qué enfatiza más el gráfico de área, a comparación con el de línea? Permite identificar de una manera más clara el área de bajo de la curva

Segundo:

image

Humberto1285 avatar Oct 05 '20 23:10 Humberto1285

Primero

Gráfico de línea visualization (2) Gráfica bonus: La gráfica de área permite identificar más fácil el cambio en el sector. visualization (3)

Segundo

Gráfico complejo visualization (5)

cabreratr avatar Oct 06 '20 04:10 cabreratr