Introducción a la visualización de datos: desde los datos hasta el diseño

1. Introducción: Hola, me llamo Nicholas Felton. Soy diseñador de Información con sede en Brooklyn. Mi trabajo cruza una variedad de proyectos diferentes, pero todos están basados en datos. Soy mejor conocido por una serie de proyectos conocidos como los Informes Anuales de Feltron, que miran un año de mi vida y encapsulan eso en gráficos, y gráficos, y mapas, para describir mis actividades a lo largo del año. También he trabajado para Facebook ayudando a diseñar línea de tiempo, que por supuesto es una agregación de tu historial de publicaciones en la superficie. Es posible que hayas visto mi anterior clase de Skillshare. Se trata de utilizar el procesamiento para hacer un mapa complejo de 34 mil ataques de meteoritos en el planeta. Pero esta clase es o una precuela o secuela de eso dependiendo de cómo lo veas, y repasaremos los principios generales para hacer la visualización de datos de una manera menos técnica. Llevo trabajando con datos como fuente de diseño los últimos 10 años. Empecé como diseñador gráfico general trabajando en revistas, y sitios web, y logotipos. En 2005, descubrí que había una gran cantidad de información en el mundo, y podría usar esto para describir comportamientos y actividades y utilizarla como fuente para mis diseños. Ver el mundo a través de la lente de los datos es una forma realmente convincente de ver el mundo. Tu proyecto para esta clase es encontrar un periódico local, he estado usando el New York Sunday Times, y tomar una sección de ese periódico, ya sea deportivo, o de negocios, o mundo, o incluso los anuncios y usar eso como fuente. Esto es algo de lo que vas a hacer una pregunta, y luego vamos a idear una metodología para recopilar información de ella, organizarla, explorarla y finalmente convertirla en una visualización de datos. Tendrán el mismo tamaño que una hoja de este periódico, y debería condensar la información dentro de él. Entonces, al mirar esta visualización, obtendrás una idea de lo que comunica toda la sección. Toda visualización de datos debe comenzar con una pregunta. Entonces, debería contestar algo que quieras saber del mundo. No tiene que ser precisa, pero podría ser sólo una corazonada general, o hipótesis, o algo que se quiera probar. Entonces, las mejores visualizaciones de datos son respuestas a estas preguntas que dejas, sabiendo algo nuevo, y pueden ser realmente poderosas de esa manera. Yo dejaría de lado uno a dos días para hacer este proyecto. Dependiendo de cuán intensamente se convierta tu captura de datos, eso podría tardar hasta un día. Entonces después de eso, el diseño puede juntarse relativamente rápido, pero voy a renunciar a alrededor de un día para trabajar en eso también. posible que quieras refinarlo después sobre todo si compartes y obtienes retroalimentación. Creo que en un posts ideales a la galería para este proyecto, me encantaría ver la pregunta inicialmente. ¿ Cuál era la cosa que intentabas explorar o la respuesta? No necesitamos ver los datos, sino bocetos en el camino, y luego algunos de los refinamientos del gráfico a medida que va. Tiendo a tener un montón de pequeños momentos eureka en el camino o como, “Oh, esa cosa funcionó”. Creo que compartir esos consejos en cuanto a cómo fuiste capaz de transformar algo en otra pieza de información o crear un gráfico o una visualización, esos serían realmente útiles para otras personas. Todos podríamos hacer exactamente la misma sección del periódico, y creo que a todos se les ocurriría algo completamente diferente, con un punto de vista diferente o diseños diferentes. Entonces, mientras no estemos distorsionando los datos, esto está muy abierto a tu creatividad y exploración. Lo grande que hay que tener en cuenta aquí es que hay reglas para esto, pero mientras estés al tanto de ellas, está muy abierto para la exploración. 2. Herramientas que necesitarás: Una de las cosas que me encanta de esta asignación es que persona de cualquier nivel de habilidad puede participar en ella. Por supuesto, si no puedes ponerte las manos en un periódico físico, probablemente esté bien trabajar fuera de Internet. Simplemente me preocupa que pueda ser demasiado amplio ahí. Me gusta la idea de tener un objeto físico que esté confinado y para que conozcas exactamente los límites de tu conjunto de datos. Entonces, materiales básicos, diría que absolutamente necesitas el periódico, va a ser la fuente de tu información, pluma y lápiz tal vez un resaltador, posiblemente una regla, definitivamente un cuaderno de bocetos. Creo que el bosquejo es una pieza enorme de este proceso. Entonces, preferentemente una laptop o una computadora y algún conocimiento de hojas de cálculo. Entonces, esta es una gran manera de organizar tus datos una vez que los saca y luego accede a Internet para algunas de las herramientas en línea que estaremos viendo. En el nivel intermedio, creo que hay herramientas basadas en web más avanzadas que puedes usar. También están las herramientas de diseño típicas como Adobe InDesign e Illustrator que serán realmente útiles para hacer gráficos propios. La hoja de cálculo es algo en lo que confío mucho, pero no es algo con lo que todo el mundo haya experimentado y también atiende a una gama de habilidades diferentes desde principiante hasta avanzado. Para las herramientas basadas en web en línea, tengo varios recursos, algunos de los cuales veremos en esta clase, y luego más enlaces que están disponibles para que juegues. En el extremo avanzado de la escala, hay cosas como usar bases de datos, consultarlas, usar herramientas en línea que tienen API para obtener datos extra que complementarán tu información, y luego finalmente, tocar un poco bit de código. Entonces, para las personas que se sienten cómodas en ese mundo, hay mucho que se puede hacer para hacer visualizaciones novedosas. 3. Haz una pregunta: Hay mucha oportunidad para bucear en una sección de la que quizá no conozcas mucho. Creo que se puede traer un interesante punto de vista ingenuo a ese apartado. No sigo mucho los deportes así que creo que cuando miro la sección deportiva, tiendo a mirarlo desde un removido más. Te imaginas tomando la sección deportiva y convirtiendo eso en un mapa de mostrar dónde habían sucedido los juegos y cuáles eran los puntajes. Pero también puedes pensar en cuestionar algunas de las elecciones que ha tomado el periódico. Un enfoque muy periodístico para mirar al periódico sería poner a prueba una hipótesis. Entonces, por ejemplo, mirando la sección inmobiliaria podrías preguntar, ¿dónde está la inmobiliaria más cara de tu pueblo? Y opta por mapear los precios de diferentes inmuebles alrededor de tu ciudad o declarar que cubre el periódico. Una forma de criticar el periódico podría ser analizar el género o la diversidad en el periódico. quién está hablando, o de quién está haciendo la plática en el periódico? Estas son formas de ahondar bajo el capó y comenzar a investigar la voz del periódico. Formalmente, se podría mirar las opciones estéticas del periódico como cómo se usa el color versus blanco y negro en el periódico. Adicionalmente, se podría ver la relación de los tamaños de tipo, podría ver que los anuncios a las fotografías y luego empezar a hacer una comparación o una auditoría del periódico justo a través de estas elecciones estéticas. Un enfoque de visualización de datos más tradicional podría ser simplemente traducir los datos del formato de una tabla o de lo que encuentres en el propio artículo, en algo así como gráficos que describan la misma información o un mapa del puntajes deportivos en todo el país. Creo que las mejores preguntas aquí, generan más preguntas. Sigues profundizando y encontrando más cosas por las que tienes curiosidad y haciendo más preguntas. En última instancia, la visualización es la respuesta a estas preguntas. Lo primero que hice fue comprar una edición dominical del New York Times, bonita y gruesa y tiene algunas secciones únicas que no existen para el resto de la semana. Lo que empecé a hacer es simplemente voltear a través de él. Empiezo a buscar patrones, para puntos de conexión entre diferentes artículos dentro de esa sección. Empecé a mirar la sección deportiva y noté que las lesiones eran una gran parte del artículo. Entonces estaba pensando, tal vez podría mirar el periódico a través de este lente de lesiones. Al igual, ¿cómo se ve una sección deportiva cuando solo estás enfocada en diferentes lesiones, luego descomponerla por deportes, yo también estaba pensando para la sección deportiva tal vez una forma Crítica de mirar esto es justo, ¿ Cuánto espacio dedicaron a cada deporte? Otra forma de verlo no es solo por los equipos sino por las regiones y cómo Nueva York pudo haber anotado 80 puntos frente a California anotando 240 puntos. En última instancia, terminé mirando la revisión del libro. Me gustó la revisión del libro porque hay un número limitado de libros, cada uno de los artículos está estructurado y es sólo hablar de una cosa. Entonces, tiene un autor, le tiene un género como no ficción o ficción, tiene números de página. Una de las preguntas que estaba viendo son sólo las editoriales. Entonces, sé que hay un número limitado de editoriales en el mundo haciendo libros, así que tal vez haya un sesgo aquí que podría ser interesante ver. Entonces la pregunta aquí sería, ¿cómo es la revisión del libro cuando la analizas a través de la lente de los editores? Por supuesto que podrías comparar y contrastar la editorial frente a la publicidad en la sección. En última instancia, mientras estaba leyendo algunos de estos artículos noté que hay mucha mención de lugar en ellos. Incluso en algunas de las descripciones más breves de los libros, se empezaron a mencionar diferentes lugares como México e India. Entonces el tiempo era un componente grande también. Entonces la pregunta que empecé a formular fue alrededor, ¿cómo se ve la revisión del libro a través de esta lente del tiempo y del espacio? Al mirar esta pregunta de cómo el tiempo y el espacio se relacionan con los diferentes títulos de libros en la revisión de libros, abrió estas otras preguntas que yo quería descifrar. Un ejemplo sería, si se menciona una guerra ¿incluyo el lugar donde ocurrió la guerra y el año? ¿ Es eso una mención tanto del tiempo como del lugar? También están las diferentes categorías de libros. Para que puedas empezar a mirar ahí. Cómo se relacionan con la no ficción los tiempos y lugares involucrados en la ficción. Una vez que se te ocurra una pregunta creo que es realmente importante hacer una lectura cercana de algunos de los artículos para asegurarte de que haya suficientes puntos de conexión y suficientes respuestas a esta pregunta en cada pieza. Entonces cuando empecé a mirar el tiempo y el espacio en la revisión del libro, leí un par de artículos y empecé a resaltar los años y los lugares involucrados, y asegurándome de que terminaría con un conjunto de datos que era lo suficientemente grande para trabajar. Creo que si solo estás encontrando diez conexiones o diez piezas de datos, probablemente va a estar del lado delgado. Creo que deberíamos estar apuntando a alrededor de cien puntos de conexión es probablemente un conjunto de datos de buen tamaño con el que trabajar. Creo que son formas puramente visuales en las que se puede abordar este problema también. Se podía mirar estrictamente a las fotografías, sólo a las caras o a las localizaciones representadas en las fotos. Incluso mirando formalmente las opciones de color en cada una de las fotos creo que es una forma completamente válida de analizar el periódico. Tengo mi pregunta de cómo está representado el tiempo y el espacio en la revisión del libro, estoy seguro de que va a haber suficientes datos para recolectar y explorar. En la siguiente sección, profundizaremos en cómo sacar efectivamente esos datos del periódico y en la computadora. 4. Obtén los datos: En este punto, has seleccionado tu sección del periódico y tienes una pregunta en mente. Esto debería significar que ahora vas a ir artículo por artículo o página por página a través de la sección y empezar a sacar lo que necesitas, para contestar esa pregunta. En mi caso, realmente me interesó destacar todos los lugares y fechas que ocurrieron en el periódico. Entonces, saqué estos dos resaltadores fluorescentes y pasé por cada artículo, poco a poco, destacando en un color los lugares y destacando en el otro, la fecha. Puedes pasar por esto simplemente con un bolígrafo de un solo color o un solo lápiz de color y solo subrayar las cosas importantes que vas a estar sacando, o simplemente marcar que las has grabado cruzando. También podrías ir en línea y obtener el texto para la página web y luego hacer un análisis más automatizado del mismo. Si solo estuvieras buscando palabras individuales o tal vez cada número que se mencionó en él, podría ser realmente fácil simplemente hacer un “hallazgo” en el texto y obtener cada una de esas instancias. Una de las razones por las que me gusta trabajar manualmente de esta manera, es porque se llega a conocer tan bien los datos. He leído todos los artículos aquí por lo menos dos veces. Entonces, tengo una muy buena comprensión de su contenido. Creo que está bien trabajar en forma digital y hacer más análisis automatizado usando, digamos, otras API. Pero cuando estás aprendiendo la visualización de datos por primera vez, siento que tener esta comprensión íntima de la información con la que estás trabajando realmente valida la forma en que la das a vida después. Es realmente útil para encontrar los errores y los defectos en él. Tratar de cobrar demasiado, demasiado rápido puede llevar a colapsos catastróficos ya que te lleva cuatro horas llegar a través de un solo artículo. Entonces, empieza mínimamente y acumula más tarde. Una vez que estés listo para empezar a capturar esta información, te recomendaría poner esto en al menos un editor de texto, si no una hoja de cálculo. Esto va a mantener las cosas realmente organizadas y te proporcionará mucha flexibilidad para hacer algún análisis más interesante por el camino. También puedes considerar algo como formularios de Google, esta es una forma de tratar de obtener más información subjetiva. Entonces, podrías imaginar crear encuesta y pedirle a la gente que lea el periódico o mire las imágenes que contiene, y averiguar qué piensa un grupo de personas del artículo que han leído o de la foto que están consumiendo. Para capturar la información que necesito para la visualización en la que estoy trabajando, primero resalté las fechas y lugares que encontré en cada artículo en la revisión del libro. Después usé Numbers de Apple para organizar toda esta información. Entonces, he creado aquí una pequeña hoja de cálculo donde estoy capturando el nombre del libro, el autor, el lugar que encontré y luego una fecha de inicio o una fecha de finalización, si hay alguna, y la página. También creo que es realmente importante hacer un seguimiento de tus fuentes. Entonces, las formas en que estoy haciendo esto están marcando la página en la que lo encontré. También estoy usando un poco de texto de referencia del que vino. Entonces, aquí, donde tengo a Italia en 1943 como los lugares, acabo de escribir la pequeña frase “El norte de Italia en 1943". Esta es una buena forma de solo validar tu trabajo, no confundirte ni perderte a medida que lo atraviesas. A medida que estás creando una hoja de cálculo, es bastante importante que en estas diferentes columnas, solo estés recopilando la misma información. Entonces, no estás mezclando, digamos, texto y números en la misma columna. Esto probablemente significa que necesitas una columna extra. Yo diría que en general, probablemente haya tres tipos diferentes de información que deberías estar grabando aquí. Uno sería esta cosa binaria, un booleano en código, pero podría ser simplemente un sí o un no. ¿Está casada una persona? Sí o no, ¿o es en el extranjero? Sí o no. Entonces otro tipo de información sería un número. Esto podría ser decimal, positivo o negativo, un entero. Pero esos deberían estar todos en su propia columna. Para mí, estos son los años. Entonces, finalmente, sólo texto. Para mí, estoy captando el nombre de los lugares. Entonces, en toda esa columna, sólo tengo palabras hablando de los diferentes países o ciudades involucradas. El número de columnas probablemente no sea súper importante, pero sin duda el número de filas. Entonces, el número de entradas que tienes, va a tener un gran impacto en el proyecto que vas a poder crear. Yo diría que vamos a querer apuntar a alrededor de 100 filas de datos. Esto nos va a dar una buena cantidad de complejidad, pero aún así nos permitirá trabajar manualmente y hacer algo ya sea a mano o usando una herramienta en línea. 5. Averigua los datos: En esta sección, vamos a empezar a explorar tus datos. Veo que este es un proceso cíclico en el que estamos llegando a entenderlo, lo estamos limpiando, potencialmente extendiéndolo agregándole más datos, e implica muchas herramientas. soy de ninguna manera un experto en ninguno o todos estos, pero sé lo suficiente para salir adelante. Creo que puedes escoger y elegir con qué partes de ella quieres trabajar. Entonces, creo inicialmente, es útil mirar nuestra hoja de cálculo. Tengo un montón de pestañas diferentes aquí porque estoy versionando la hoja de cálculo a medida que le agrego información. ocasiones estoy quitando columnas, pero estoy tratando de hacer esto de una manera estructurada donde siempre puedo volver atrás y arreglar errores o hacer las cosas y entender cómo llegué al resultado final desde el principio. Entonces, tengo mis datos iniciales, he terminado capturando alrededor de 368 filas diferentes. Lo primero que estoy haciendo es que he refinado un poco mis datos. Tenía una columna de ubicaciones inicialmente y decidí que sería fácil y útil romper eso tanto en la ciudad como en una región y en una columna de país. Por ejemplo, donde tengo a Berlín como la ciudad que se mencionó, ahora tengo a Alemania como país. Lo primero que quería hacer fue solo tener una idea de cuántas veces se están mencionando cosas diferentes. Para uno de ellos, quería ver cuántas entradas diferentes tengo para cada uno de mis libros. Desafortunadamente, esto no es algo que me pareció fácil de hacer en una hoja de cálculo y así tengo un par de maneras en las que puedo hacer esto. Por lo general, utilizaría una base de datos, pero he encontrado que hay una especie de forma fácil, rápida y muy accesible de conseguir un recuento de algo, lo cual les mostraré ahora. Entonces, en mi columna que tiene todos los títulos de libros, solo voy a seleccionar todo eso y copiarlo en un nuevo archivo de edición de texto. Entonces, ahora he pegado todo eso y necesito simplemente deshacerme del título aquí que dice libro. Voy a hacer un Find and Replace sobre esto para eliminar todos los espacios, básicamente para concatenar todas las diferentes palabras en una sola cosa, por lo que cada título de libro sólo va a ser una palabra larga. Ahora, estoy haciendo un Buscar y Reemplazar para cada espacio y reemplazarlo por nada. Entonces ahora retenerlos es retenerlos. Voy a copiar esto y llevarlo a una página web que uso mucho. Es un contador de frecuencia de palabras en este sitio web llamado WriteWords. Entonces, básicamente, solo voy a preguntar a este sitio web ¿cuántas veces aparece cada una de estas palabras? Pego en el texto de mi portapapeles que venía de ese archivo de texto y lo envío. Ahora, tengo conteos totales en cada uno de mis títulos y puedo hacer esto para otras categorías. Puedo empezar a mirar digamos a los países que aquí se utilizan copiándolos y pegándolos en este archivo TextEdit y haciendo mi reemplazo de nuevo. Ahora, puedo averiguar qué país aparece más en mi conjunto de datos y esto me dice que es India y Alemania empatados a los 36. Entonces, esa es una forma rápida de empezar a tener un poco de sentido de lo que está pasando en este conjunto de datos. Otra página web que me gusta mucho se llama CartoDB. Puedes crear una cuenta gratuita aquí. Voy a iniciar sesión en mi cuenta. Esto es principalmente una herramienta para convertir un conjunto de datos en un mapa. Esto puede ser interactivo pero son grandes formas de entender tus datos e incluso potencialmente exportarlos como un archivo vectorial a Illustrator. Entonces, tengo mis datos iniciales subidos aquí. El modo en que funciona esto es que ambos pueden ver los datos y luego representarlos como un mapa. Entonces, esta es una vista de pantalla dividida y me va a mostrar tanto la vista de datos. Entonces, esta es efectivamente mi hoja de cálculo. Nuevamente, la forma en que traje los datos a CartoDB es tomando mi hoja de cálculo y explotando todo como un archivo CSV. Entonces, voy a guardar esto en mi computadora y luego en CartoDB. Puedo hacer clic en este botón para nuevo conjunto de datos. Aquí se va a pedir un archivo de texto. Entonces, sólo voy a arrastrarlo. Ahora mismo se señala que ese archivo de datos que acabo de crear, ese se llama los datos iniciales. Entonces, estoy subiendo eso a CartoDB ahora y me va a dar esos datos iniciales tanto como una tabla como luego algo con lo que puedo trabajar con más detalle. Entonces, aquí se puede ver que ha traído en este conjunto de datos, tengo mis años, mis ubicaciones. El otro lado de CartoDB es esta Vista de Mapa. Cuando hago clic en esa pestaña de Vista de Mapa, me está diciendo que no tengo ninguna geo-referencia. Esto significa que tengo los nombres de lugares, pero aún no los entiende como localizaciones. Lo que es realmente bonito es que puedo decirle que simplemente mapee lo que le he dado. Entonces, tengo nombres de ciudades, regiones administrativas que son como países. Entonces, voy a decirle que tome las regiones administrativas de mi conjunto de datos y trate de mapear esas. Solo necesito decirles en qué columna aparecen. Tengo una columna Country, así que he seleccionado eso y pegado continuar. click en esta geo-referencia con regiones administrativas y funcionará por un minuto, pero eso debería darme un mapa de lo que tengo hasta ahora. Me dijo que 230 de mis 368 filas estaban geocodificadas. Si hago clic en el botón Mostrar, veamos si hago click en el Mapa Ver ahora, ahí vamos. Entonces, estos son los países que se mencionaron en mi conjunto de datos y parece que aquí está pasando algo de tintado. Entonces esto está tratando de mostrarme cuáles son los que más se mencionan. Entonces, estoy empezando a tener una sensación de mis datos averiguando qué cosas se están mencionando más, entendiendo el número de registros de mis libros, y dónde están las cosas sentadas geográficamente. Otra forma de empezar a entender tus datos es utilizar las herramientas de graficación que ya existen en la hoja de cálculo. Si lo tienes aquí, puedes tomar cualquier dato numérico y empezar a crear un gráfico a partir de eso. Entonces, sí tengo una columna aquí esa es mi fecha de inicio. Si selecciono eso, puedo hacer un gráfico y usar esta herramienta de gráfico de líneas. Ahí hay algunas cosas que entiendo aquí puedo ver que me está dando un rango de 0-2100, así que está siguiendo el rango de los años que le he dado. Lo que es útil ver aquí es que hay un grueso de cosas cerca de la parte superior, por lo que la mayoría de las cosas que me van a interesar es probablemente en el siglo XX. Con algunos valores atípicos que son que están llegando de nuevo a una especie de la edad media como las 12 centésimas aquí. Creo que esas fueron referencias al Renacimiento que estaban en mi conjunto de datos. El bonito de CartoDB es que puedes ahondar en las consultas básicas de MySQL sobre los datos que ya has subido aquí. Entonces, si volvemos a la vista de datos, hay una pequeña pestaña disponible aquí ahora llamada SQL. Esto me permitirá hacer parte de la agrupación que estaba haciendo usando el contador de frecuencia de palabra, pero directamente en mi conjunto de datos y sin ninguno de los atajos como quitar todos los espacios. Te mostraré un pequeño patrón que será realmente útil solo para conseguir conteos de cosas en general. Este es el patrón de MySQL que dices lo que quieres seleccionar y le das un nombre de columna, quiero recolectar los países. Entonces, escribo país y luego quiero otra cosa que es el recuento de cuántos países existen. Entonces, esto dice solo contar todo desde la mesa uno y quiero agruparlo por el país y luego ordenarlo por el conteo en orden descendente. Entonces, esto me dará primero el recuento más alto y el más bajo al final. Si aplico la consulta, ahora puedo ver tengo 67 sin país, 36 con Alemania, 35 con India. Entonces, se puede aplicar esto a cualquiera de las columnas con solo cambiar de país, a título del libro, o a autor y volver a ejecutar el mismo patrón una y otra vez. Hasta ahora, hemos mirado un par de cosas, hemos mirado una manera realmente fácil de usar frecuencia de palabras para averiguar cuántas veces aparece algo en tu conjunto de datos, la conveniencia de CartoDB para empezar a mapear cosas muy fácilmente, lo hicimos a nivel de país, pero también se puede hacer por las ciudades. Entonces justo ahora en un rápido vistazo a MySQL que me pareció realmente útil para averiguar cosas como frecuencia de palabras y conteos de categorías. 6. Amplía los datos: Ahora vamos a pasar a ampliar el conjunto de datos. Entonces, a medida que te familiarices con todo lo que tal vez quieras agregar más información de otras fuentes. Me interesa obtener datos de ubicación más detallados para los lugares que he mirado. Para ello, voy a usar combinación de Google y Wikipedia, pero hay otros lugares que podrían ser útiles para que encuentres información adicional para tu conjunto de datos. Te puedo enseñar un par de esos realmente rápido. En mi siguiente pestaña de mi hoja de cálculo, voy a empezar a agregar información de latitud y longitud para cada una de las ubicaciones que aparecieron. Esto me va a permitir hacer algún mapeo mucho más preciso en el futuro. Para ello básicamente acabo de organizar todos mis lugares por ciudad o país cualquier información que tenga disponible. Porque no tengo tantos simplemente decidí hacerlo manualmente. Entonces, estoy haciendo cosas como copiar esta mención de Auschwitz en el navegador y esto me llevará a la página de Wikipedia y de ahí generalmente cada lugar tiene este enlace de coordenadas aquí en el barra lateral derecha. Entonces, al hacer click en eso, puedo ir a esta página que lo tiene muy bien formateada de la manera que quiero, que tiene dos decimales. Tenemos 50.03, voy a copiar eso y pegarlo en mi hoja de cálculo y 19.178. Entonces copia eso en. Básicamente acabo de hacer eso para todo pero ahora esto me permitirá usar otras herramientas de mapeo o incluso procesamiento para empezar a mapear estas ubicaciones. Otra forma de geocodificar es usando Google Maps. Por ejemplo, si escribo en Turín, Italia en mi navegador. Me mostrará dónde existe eso en el mapa y luego si solo control-click en algún lugar y dices ¿qué hay aquí? En realidad te dará esta pequeña ventana en la parte inferior que te dice la latitud y longitud del lugar. Esto puede ser realmente útil para identificar lugares realmente específicos como un restaurante o un edificio que pudiera mencionarse. Una API es una interfaz de programa de aplicaciones técnicamente pero es como los enchufes en la parte posterior de tu VCR. Entonces, así es como puedes conectarte a un servicio. Algunas de las cosas que estoy mostrando están destinadas a integrarse en otras aplicaciones pero lo bueno de ellas es que te dan un front end. El punto de entrada del consumidor donde puedes jugar con ellos y probar su software sin ser desarrollador y sin comprometerte a construir una pieza de software personalizada. Voy a hacer un poco de análisis de texto sobre los artículos en lugar de revisarlo manualmente. Lo que haría, es que iría al New York Times. Entonces, para poder trabajar digitalmente con el texto de la sección de revisión de libros, simplemente buscaría los artículos que se mencionan en la versión física del papel y los tiraría aquí arriba. Entonces, el primer artículo fue sobre las obras completas de Primo Levi. Voy a sacar este artículo y tratar de obtener el texto y solo para mostrarte cómo podría verse en una de estas API de análisis de textos. Estoy pensando que una manera fácil de sacar esto es ir al botón de impresión y simplemente copiarlo como PDF. Entonces si lo abro en la vista previa del PDF, quita todo el formato que no necesito y solo puedo copiar todo esto y voy a pegar eso en una sesión de Alchemy API. Entonces, en el sitio Alchemy API, voy a probar la demo y quiero cargar un texto de muestra. Acabo de copiar el artículo de Primo Levi y lo he pegado en su pequeño campo de texto demo y lo voy a probar. Entonces, veamos qué me da aquí. Se identifica a Levi y a Primo Levi como las personas más importantes ahí. Se sacó a Auschwitz que fue muy formativo en su vida. Su experiencia ahí como muy relevante y por supuesto muy negativa. El New York Times está siendo detenido porque creo que incluí algún texto de pie de página ahí. Pero si hubiera limpiado un poco el texto, esta podría ser una forma realmente útil de conseguir algún análisis cuantitativo de los artículos involucrados. También me di cuenta de que para conectar tiempo y lugar, podría querer esta idea de un año promedio para todo. Ahí está el punto de partida. Entonces, creé una nueva hoja y aquí para cada libro, solo estoy tomando todas las menciones de años que tengo y promediándolas juntas para conseguir un año que será el año de base que puedo usar en mi visualización solo en caso no hubo un tiempo y un lugar que se mencionaran al mismo tiempo. NewsDiffs es un sitio web bastante interesante que sin duda se relaciona con este proyecto ya que hacen un seguimiento de los artículos y cómo han cambiado con el tiempo. Entonces, te imaginas tomando tu sección de artículos del New York Times y empezando a ver qué ediciones se le hicieron ya que inicialmente lo publicaron y empiezan a visualizarlo. Aquí podemos ver el obituario de un afamado director ruso y se puede ver cómo ha cambiado en las últimas 24 horas. NoticiasDiffs sería realmente útil para mirar la sección frontal del periódico. Esto es probablemente fueron los más controvertidos y la mayoría de los artículos hasta el minuto se están guardando y probablemente se están corrigiendo continuamente. Entonces, me imagino que podrías ver mucha actividad en las noticias de última hora a medida que surgen si eliges hacer la sección frontal del periódico y hay alguna gran historia que ocurrió a lo largo de la semana, Creo que podrías encontrar algunas cosas realmente interesantes que suceden a medida que el artículo se expande y como piezas de él se cambian horas extras. Imager, es otra API y ésta es útil para mirar imágenes. En la demo puedes jugar con esto por ti mismo, pero puedes subir una imagen y luego intentará identificar lo que hay dentro de ella. Aquí en la demo estoy usando su foto de un lobo y está regresando con 100 por ciento lobo, 100% lobo maderero, 100% canino y te puedes imaginar dando estas fotos de lugares o personas que están asociadas con el artículos y empezando a usarlo como una forma repetible y consistente de analizar imágenes. Tan solo para otro experimento, esto está fuera del alcance del proyecto que estoy haciendo pero tengo curiosidad por lo que dirá la API de imagen sobre esta imagen de Primo Levi. Iré al sitio de imager. Entonces, aquí me da tienda, biblioteca, librería, edificio, establecimiento mercantil, estructura, lugar de negocio, hogar, adultos y personas. Algo preciso. Si obtienes suficiente de estos ojalá la precisión se construya pero esto son los primeros días para esta tecnología. Por último, esta otra herramienta. Es interesante justo como una forma formal de analizar los colores e imágenes. Entonces, si miras la sección de viajes podrías notar que hay mucho blues y greens de playa ahí y tal vez te interesa cuantificar eso. Entonces, al darle estas imágenes volverá a ti y te dirá cuáles son los colores más prominentes con valores duros realmente numéricos para acompañarlo que podría ser interesante mirar en tu análisis del periódico. Entonces, antes de involucrarnos en visualizar estos datos, explorarlos, familiarizarnos con ellos, limpiarlos e incluso extenderlos es una parte realmente importante del proceso. Esto también es cíclico. Por lo que mientras miramos las cosas podemos encontrar que necesitamos más información. Entonces, una ubicación puede querer una latitud y longitud para ir con ella para ayudarnos a graficarla o los datos que recogimos tal vez demasiado precisos. Entonces, si has ido y recogido 100, 200 nombres de ciudades tal vez necesitemos categorizarlos por país o por estado para poder hacer una visualización que sea más amplia y accesible. Creo que empezar a visualizar los datos y tener un sentido para su forma, es algo realmente importante que hacer antes de agregar una tonelada más datos extra en ella. Al trabajar en mi proyecto encontré que el mayor trabajo que necesitaba hacer y refinar estaba en los datos de ubicación. Había mencionado algunos lugares que eran ampliamente diferentes de las ciudades, a los países, a incluso zonas como Occidente. Éstos necesitaban ser más precisos y en última instancia necesitaba encontrar coordenadas para ellos. Entonces, tuve que buscarlos en latitud y longitud. Esto significó agregar un par de columnas diferentes y comenzar a extender los datos en ese sentido. 7. Haz un boceto y diseña la disposición: Esperemos que tengas un poco de idea de dónde quieres llevar tu visualización. Has extendido los datos y has encontrado algunas cosas que son interesantes al respecto. Ahora bien, ¿es buen momento para dar un paso atrás y pensar en toda la página que vamos a diseñar? Aquí es donde el bosquejo se vuelve realmente importante. Me encanta sentarme en este punto con mi cuaderno y simplemente bloquear hacia donde van a ir los elementos. Este es un momento para asegurarse de que se van a representar todas las diferentes dimensiones del conjunto de datos. Esto también es una oportunidad para empezar a bosquejar sobre la visualización. Trata de averiguar qué aspectos del conjunto de datos van a entrar en juego y evolucionar las formas que vas a usar más adelante. Creo que el flujo narrativo a lo largo de la visualización es algo realmente crítico. Entonces, ¿cómo metes a la gente en tu documento y luego las mueves a través de él. A mí me gusta tener un punto de entrada que les vaya a contar el panorama grande y luego a moverme lentamente a cada vez más detalle mientras leen el gráfico. Con la propia revisión del libro, voy a hacer una visualización que va a ser del mismo tamaño que esta página. Entonces, en realidad voy a tomar algunas señales de ello. Creo que incorporar el título en el gráfico del New York Times podría ser útil como una forma de introducir rápidamente a la gente lo que es esto, y luego usar algunos de los márgenes ayudará a que se sienta un poco como el material fuente. Entonces, ahora estoy haciendo algunos bocetos para descifrar la relación aproximada de los elementos en mi página. Yo quiero que este gráfico tenga proporciones similares a la propia revisión del libro. Sé que quiero repetir el título de la revisión del libro, arriba arriba. Para darle contexto. El interrogante ahora es cómo quiero colocar mi gran gráfico. En realidad creo que porque quiero usar algo de información cartográfica aquí y el mundo es, más ancho de lo que es alto en la mayoría de los mapas, y en realidad quiero reservar una gran sección en el medio superior para este mapa. Entonces, obtuve mi título y en la parte inferior, quiero un par de columnas para mostrar algunos arranques generales sobre el conjunto de datos en sí. Aquí arriba, aquí es donde voy a empezar a pensar en lo que quiero poner aquí. ¿ Quiero poner un mapa de donde están hablando todos los libros, o quiero hacer algo más abstracto. Creo que después de mirar los datos en CartoDB, quiero empezar a empujar este gráfico en otro lugar. Una de las cosas que noté es que los datos no tienden a estar representados en Sudamérica o África. Entonces, al pensar en este gráfico, quiero mantener esta idea de la longitud. Entonces donde las cosas están sucediendo especie de en América, en Europa, y Asia, pero luego para esta dimensión, estoy pensando en usar el tiempo porque esto es lo que he estado coleccionando y cómo he estado empezando a pensar en esto . Noto que hay muchos libros de la Segunda Guerra Mundial que creo que serían en la década de 1940. Hay algunos libros presentes que están hablando de Corea del Norte por lo que podrían estar aquí arriba, ahí está ese libro que habla de los dinosaurios, pero no tiene muchas localizaciones. Entonces es una especie de ir directo hasta el principio y creo que así es como quiero jugar con los datos y construir el sistema para que pueda empezar a ver cómo los datos realmente encajan en mi diseño. Un buen punto de partida puede ser simplemente apuntar en la página donde vas a bosquejar, cuáles son las diferentes dimensiones de datos que tengo. No creo que la latitud sea tan importante. Creo que la longitud es nombres mucho más interesantes de los libros obviamente los años, y realmente no me voy a centrar en los autores porque son tan únicos como los libros. Entonces, tengo estas tres dimensiones y creo que la gran pregunta ahora es averiguar cómo conseguir estos en la página. Si no se relacionaban entre sí o no podía descifrar una visualización que los combinara todos juntos, podría decir para la página, voy a dividir en tres secciones. El top podría ser sobre longitud, el inferior podría ser alrededor de años y cada uno de estos hablaría de los libros. Pero creo que tengo una forma de combinarlo todo en un solo gráfico, eso va a ser realmente convincente. Entonces, he configurado un documento de InDesign. Aquí, tengo algunos de los márgenes del propio periódico, y ese va a ser mi punto de partida. Esto establecerá a dónde van a ir mis cuadros de texto debajo del gráfico mismo. Para ello, solo voy a crear un cuadro de texto y darle cuatro columnas. Voy a duplicar la canaleta para darle una medida más cómoda, así que eso debería ser bueno. Básicamente, solo voy a usar lo que me dice es el ancho de mis columnas aquí y para crear cuatro cuadros de texto diferentes. Entonces, son de dos y un cuarto pulgadas, voy a borrar esa y luego solo hacer una nueva, que tenga el ancho que quiero de dos y un cuarto y luego hacer cuatro de esas para caber en toda la página, y establecer mi cuadrícula, y luego establecer mis reglas en función de la ubicación de esos cuadros de texto. Entonces, esto va a configurar mi cuadrícula horizontal lo que hará mucho más fácil alinear objetos. Ahora, tengo cuatro cajas de texto. También me gustaría una cuadrícula vertical, nuevo que me ayude a hacer unidades del mismo tamaño para que se puedan mover mucho, y esto me ayudará si necesito equilibrar mi historia, o mover elementos alrededor. Todos tienen la misma altura y peso por lo que se pueden intercambiar como necesito. Yo sólo voy a hacer esta cuadrícula vertical de 10 unidades, así que estoy haciendo una caja que cabe dentro de mis márgenes y voy a hacer que sea el 10 por ciento de la altura, y acaba de poner mis reglas ahí para romper la página. Creo que el gráfico principal va a ser la mayor parte de la página. Esto me permitirá agregar mucho detalle ahí y debido a que mi conjunto de datos obtuvo una especie de grande más de 300 puntos de datos, puede que necesite el espacio y la resolución para comunicar los datos. Mi cuadrícula de 10 unidades está hecha y tengo algunos cuadros de texto aquí, voy a sólo una especie de alambre-frame esto para darme una idea de dónde va a ir todo. Esta caja representará a dónde va a ir mi gráfica tal vez, no lo sé. Va a ser alrededor de dos tercios de la página y después he escaneado el título de la reseña del libro, así que voy a colocar eso arriba solo para darle un sentido de la escala, y luego estos van a ser mis cuadros de texto. Entonces, voy a agotar esto con algunas estadísticas rápidamente. Entonces, tengo un poco de mi estructura rugosa que está coincidiendo con mi boceto y ese es un buen punto de partida. Si ahora tienes alguna idea sobre algunos de los pequeños detalles que quieres poner aquí las cosas han venido a la mente. Ahora, hay un buen lugar para ponerlos en el diseño, y para empezar a capturar tus ideas mientras bosquejas. 8. Visualización: herramientas y diseño: Estoy de vuelta en CartoDB, y he subido mi última versión de la hoja de cálculo. Esto tiene latitud y longitud para todos los lugares que estoy discutiendo e información para los años. De vuelta en la vista de mapa, he creado esta nueva vista, en lugar de usar el enfoque simple, en el Asistente de capa de mapa, y tenemos esta category.type. Esto ha hecho un muy buen trabajo de ayudarme a entender mis datos. Entonces, después de la última vez que lo miraba y apenas estaba viendo los países, entré y le agregué un poco más de detalle, lo que me ha permitido traerlo de vuelta y ver las cosas con más claridad. Lo que es genial ahora que tengo todo abajo a puntos y no sólo países, es que puedo ver cada punto está asociado al libro. CartoDB tiene color recubierto esto, así que ahora puedo ver estos racimos morados todos tienen que ver con, Al infierno y Volver, y estos racimos rojos son todos India At War. Esto es realmente útil e incluso puedo exportar esto ahora mismo y traerlo a Illustrator y empezar a jugar con estos marcadores. Nuevamente, CartoDB me permitirá exportar esto como un SVG, que puedo abrir en Illustrator. Entonces, esto es realmente interesante, esto me está ayudando a entender un poco mejor mis datos, y llevándome a donde quiero ir. Pero, un mapa es un poco demasiado restringido para donde quiero ir, en mis bocetos he estado explorando esta idea de deshacerme de la latitud. Entonces, sólo mostrando dónde caen los elementos en el ancho del mapa, y utilizando el tiempo como dimensión vertical. Entonces, CartoDB está muy casado con el enfoque de mapa, así que no voy a poder explorar más esta idea aquí. Entonces, voy a ir a una aplicación diferente para jugar con esos datos. Existen una serie de herramientas en línea que te permiten subir tus datos y jugar con ellos para hacer gráficos de barras y diagramas de dispersión, treemaps, todo este tipo de cosas, y todas tienen diferentes ventajas y desventajas. Entonces, algunos funcionan realmente bien para ciertos tipos y no tan bien para otros. Una que encontré funcionaba bien para explorar este conjunto de datos era una herramienta llamada RAW por diseño de densidad. Acabas de empezar con este campo de texto vacío, y lo que podemos hacer es simplemente pegar o soltar un archivo en su herramienta en línea para empezar a explorarlo. Entonces, voy a agarrar algunos de mis datos, este geocodedplaces.csv. Voy a meterlo en la interfaz de diseño de densidad. Ahora puedes ver que se ha añadido un nuevo conjunto de opciones, todos estos diferentes tipos de diagramas de red, y un mapa de árbol, pero lo que me interesaba ver es una gráfica de dispersión. Básicamente, quiero decirle que en el eje x, quiero usar longitud, pero en el eje y quiero usar año. Entonces, haciendo clic en la trama de dispersión y me dan algunas opciones más aquí abajo. Como dije en el eje x quiero aplicar la latitud, y en el eje y, quiero aplicar la fecha de inicio, y se puede ver que algo está pasando ya aquí. Entonces, tengo mis ubicaciones siendo trazadas y puedes ver algunas cosas realmente nuevas, algunas cosas muy viejas, creo que son datos vacíos que se están trazando en la parte inferior. Entonces, donde no tengo un año, es automáticamente ponerlo en cero. Puedo agregar un poco más, puedo cambiar el color aquí basado en libro, que es lo que estaba haciendo en CartoDB. Entonces, arrastrando en el color, ahora empiezo a ver un poco de esto juntándose, incluso puedo poner en las etiquetas lo cual es interesante. Entonces, puedo jugar con las ciudades de las que se habla o podría quitar eso y poner el nombre del libro también, y empezar a etiquetar esto, pero este es un gran pequeño patio de recreo, podría volver a visitarlo y sacar algunos de los datos que no están jugando tan bien aquí como estas cantidades cero que se están enrollando en la parte inferior. Pero lo que es hermoso es que una vez lo tengo a un lugar donde me gusta, puedo exportar esto como SVG y traerlo a Illustrator y hacer un poco de limpieza y post-procesamiento con él para cambiar el tipo, los colores, cosas así. Otro sitio web que fue útil, que me ayudó a jugar con esto se llamaba Filtergraph. Yo también había subido los datos del New York Times aquí y puede ver básicamente hice lo mismo y he puesto latitud en el eje x, y por el momento tengo longitud en el eje y. Entonces, si puedo cambiar eso a fecha de inicio, y verás cómo las cosas empiezan a agruparse aquí y esto es lo que me interesa ver, es cómo se organizan las cosas. También puedes ponerle filtros, esto es una cosa que no podías hacer en la app raw. Entonces, para fecha de inicio, puedo decir que quiero asegurarme de que todas mis fechas de inicio sean digamos, mayores a 1900, y menores a 2020, y eso lo refiltrará. Entonces, ahora puedo ver hacia abajo al fondo, tengo estos puntitos que están más cerca de 1900, y no pasa 2020. A mí me gusta usar el procesamiento para empujar las cosas aún más. Entonces, he terminado construyendo una pequeña aplicación en procesamiento que me permite tomar estos datos y empezar a jugar con ellos y realmente personalizar la visualización de los mismos. Aquí puedes ver una de las primeras iteraciones de esta app donde simplemente estoy poniendo todo en pantalla justo en su año promedio y su ubicación en el eje x. Entonces, en el centro está Europa, la izquierda está América, y a la derecha está Asia, y a medida que paso por estas apps, empiezo a sumarles cada vez más complejidad. Estos diferentes componentes gráficos que compartí antes, por lo que ahora estoy empezando a conectar estos años, conectaría los libros a lo largo de estos años promedio. En este boceto, he empezado a añadir etiquetas como vimos en CartoDB db. Entonces, tengo un color aleatorio para cada libro y un título aquí para que sepa qué libro se está representando por qué color. Se pueden ver pequeñas manchas como esta para The Mare, frente a las más grandes. Esto es probablemente To Hell and Back, este libro de la Segunda Guerra Mundial que tiene muchas ubicaciones y fechas siendo mencionadas. Una de las otras cosas que me gusta del procesamiento es que cada vez que lo ejecuto, está generando un PDF. Entonces, si ejecuto mi app, se puede ver la visualización, pero en esta carpeta, se hace un bonito PDF que luego puedo traer a Illustrator, y al igual que cualquiera de estas herramientas online que da salida a un SVG, Puedo limpiarlo y personalizar la tipografía, personalizar también los colores, y básicamente encajarlo en mi diseño. Esto se está acercando a donde quiero estar con mi visualización. Ya he empezado a conectar ambos libros en el eje x e y, empiezo a ver las formas que estos libros están haciendo. Mi corazonada de que haya muchos libros anchos que no son muy altos, lo que significa que tienen un amplio alcance geográfico con son muy estrecho alcance temporal está demostrando ser cierto. Estoy viendo estos en la parte superior, que son todo tipo de actualidad que no tienen ninguna fecha específica mencionada frente a estos libros de la Segunda Guerra Mundial que tienden a suceder en una banda estrecha, pero que también tienen un amplio alcance geográfico. Hay una serie de otras herramientas como tableau, y data hero, y R, algunas de ellas tal vez tu taza de té, pueden estar lo suficientemente avanzadas o lo suficientemente simples como para que se ajusten a tus deseos, he incluido una lista de enlaces a ir de acuerdo con esta clase, para que puedas probarlos todos. Con todas estas diferentes herramientas, tener un boceto en mente cómo quieres aplicar estas diferentes transformaciones a tus datos será realmente importante, ninguna de ellas puede hacerlo todo, pero creo que tener la sistemática idea de Quiero usar esta dimensión de datos para controlar la posición x y esta para la y y luego la escala será denotada por estos datos y el color vendrá de otro, como tener esta receta en mente realmente será útil cuando evalúes estas herramientas y tendrás un objetivo final en mente el cual creo que es el más importante. Entonces, no solo estás probando un montón de cosas hasta que algo se vea genial. Se trata de tratar de llegar a este punto final que has pensado antes de tiempo y que es racional. Entonces, sin duda es posible hacer todo esto manualmente. Creo que idealmente si quieres ser más rápido y ser capaz de abordar conjuntos de datos más grandes, es realmente importante empezar a jugar con estas herramientas y explorar qué código y herramientas automatización y diseño de datos dedicadas pueden agregar a tu flujo de trabajo. 9. Visualización: enfoque y elementos: En esta sección, veremos cómo convertir tus datos en una visualización. De nuevo, me gusta empezar en mi cuaderno. A veces solo escribiré las diferentes dimensiones del conjunto de datos que tengo, y empiezo a pensar en cómo esas podrían aplicarse de diferentes maneras para crear formas. Mostraré algunas de las diferentes técnicas y medios de construir una visualización utilizando un par de transformaciones simples. Se pueden ver algunos de los trabajos que entraron en un proyecto recientemente terminé el cual fue la portada de mi último informe anual. Se puede ver cómo el bosquejo es útil aquí como una forma de desarrollar ideas e incluso deshacerse de algunas de ellas inicialmente. Entonces, probablemente tengo 20 o 30 ideas diferentes esbozadas aquí, pero sólo las de rojo son las que elegí para investigar más a fondo. Aquí se pueden ver las que realmente tomé para codificar para poder ver cómo los datos están influyendo en estas formas en su estado final. No es hasta que llego al último de abajo aquí que he encontrado algo que funcionaba realmente bien en representar todos los diferentes matices de los datos que quería comunicar. Una de las cosas que intento y hago en todo el trabajo de visualización es capturar el dataset en las escalas pequeña, mediana y grande. Entonces, a su mayor escala, esto es algún gráfico o número que va a encapsular todo como el número total de libros en mi conjunto de datos, eso es una cosa que está en gran medida, o una visualización que captura todos los años y todos los lugares, eso es a gran escala. El tamaño mediano, estoy pensando en partes de categorías como, ¿cuántos países se mencionaron? ¿ O cuáles son todos los países de Europa que se educan? Después hasta la pequeña escala, donde puedo hablar de un punto de datos individual, como un solo libro o un solo lugar. Una entrada que es significativa y te ayuda a entender el panorama más amplio. Al mostrar datos en todas estas escalas diferentes, estás demostrando tu comprensión del conjunto de datos y creo que expresarlo en estas resoluciones ayuda a la gente a entenderlo también. Entonces, cuando pienso en visualizaciones, siento que incluso las más complejas son simplemente el resultado de construir muchas pequeñas técnicas en algo más grande y más complejo. He tratado de descomponer algunas de esas diferentes transformaciones aquí, y lo primero con lo que querrías empezar es alguna forma de hacer marcas. El más rudimentario sería usar una forma como un círculo, o cuadrado, o triángulo. Cualquier cosa que quieras representar en la página, comienza con esta forma. También podrías pensar en usar un símbolo, un marcador de ubicación, o un icono de casa o un avión. ¿ Son estos el tipo de marcadores fundamentales que deben entrar en crear tu visualización? Otra cosa de las formas y los símbolos, es que puede ser más fácil trabajar con formas más simples, como círculos y cuadrados, estos son fáciles de modular y medir como cuando estamos usando escala para crear diferencias. Si comienzas a pensar en formas más asimétricas, estas van a ser mucho más difíciles de trabajar y más difíciles de controlar. Por supuesto se puede usar estrictamente tipo. Entonces, tal vez no haya ni siquiera formas involucradas. Solo está la topografía en sí y luego hacemos transformaciones como usar posición y escala para crear la visualización. Por supuesto, cuando lleguemos al etiquetado, tipo va a ser otro elemento importante. La repetición es un elemento realmente importante. Hay una historia de cosas como el sistema de isotipos que simplemente está repitiendo un montón de iconos para representar 300 o 500 usando tres o cinco iconos diferentes. Pero si piensas en algo así como un gráfico de barras, esa es otra forma de repetición donde estamos repitiendo estas diferentes barras y luego escalándolas varias cantidades para representar las cualidades numéricas. Posición. Si estás pensando en mapear la posición es simplemente usar el eje X e Y que extrapolamos desde la latitud y longitud para colocar un marcador en la pantalla. La escala es una gran forma de mostrar cantidades. Entonces, usar las transformaciones geométricas correctas para convertir una cantidad en un círculo escalado o un cuadrado, es algo que podría ser útil. Al escalar formas para representar área, es realmente importante que definas sus tamaños utilizando las reglas geométricas adecuadas. Entonces, para crear un círculo que esté representando a 12, no podemos simplemente darle un diámetro de 12. Desafortunadamente, tenemos que usar un poco de álgebra para averiguar el tamaño y he proporcionado esta diapositiva que te dirá los tamaños a usar para los lados de un cuadrado, el diámetro de un círculo y los lados de un triángulo equilátero. Si simplemente usamos la cantidad que queremos representar como el tamaño de los lados o el tamaño del diámetro de una forma, vas a distorsionar los datos. Entonces, tus círculos no serán comprensibles ya que representan las cantidades que pretendes, así que asegúrate de usar estas fórmulas o una calculadora de área en línea para asegurarte de que están representando los tamaños correctos. Conexiones es otra transformación u otro elemento que podemos usar para unir las cosas. Entonces, podrías usar esto en diferentes visualizaciones de red o una ruta si estás describiendo dónde se fue alguien en un mapa, eso se va a crear usando un conjunto de conexiones. La proximidad es otra cosa. Entonces, qué tan cerca o alejados son cosas diferentes. Se relaciona un poco con la posición pero proximidad es la relación entre dos marcadores. Entonces, si queremos decir que dos cosas están asociadas, podemos acercarlas más juntas, y si están menos asociadas entonces podríamos apartarlas más. La rotación es sin duda algo que es importante. Se puede pensar en una pequeña flecha del tablero, igual que su medidor de combustible, ese es el tipo de visualización que se basa casi exclusivamente en rotación y puede ser una forma realmente interesante de agregar alguna información adicional a nuestras visualizaciones. La rotación también se utiliza comúnmente para subdividir como en el gráfico circular con el que todos estamos familiarizados. Entonces por fin, color. Entonces, todo esto ha sido asumiendo que las cosas se crearían solo en blanco y negro pero por supuesto color se puede aplicar para crear más conexiones dentro del gráfico y para definir diferentes categorías. Se pueden ver algunos de los principios de transformación aplicados a esta gráfica a partir de mi Informe Anual 2010. Aquí, estoy usando un círculo como elemento base. Estoy usando escala para ampliarla en base a la cantidad de información que tenía para cada año. Después, separándolo en diferentes segmentos que se definen por rotación de un ángulo así como por color para ayudar a mostrar cómo los gráficos circulares se descomponen en función del año. En este otro ejemplo estoy creando un mapa y cada punto está usando un triángulo que luego se escala para mostrar el número de registros. También estoy usando color para codificar si el evento ocurrió en 2010 o 2012. Por último, en este ejemplo, estoy usando la rotación. Cada uno de estos puntos que está hablando de si envié más mensajes de los recibidos a una persona o me enviaron más mensajes, cada uno de los puntos en esta gráfica tiene una cercanía al centro lo que representa cuántos mensajes se enviaron, y luego el ángulo ayuda a definir si envié más mensajes o la otra persona envió más mensajes. 10. Estadísticas: En los próximos tres videos, tocaremos en estadística, tipografía, y color. Todos estos son elementos cruciales de la visualización de datos, pero tienen sus propios pequeños matices y creo que vale la pena hablar de manera individual. Como notaste, te he estado presionando para que uses una hoja de cálculo para capturar datos. Una de las grandes cosas de esto es que la hoja de cálculo nos permite hacer algunas transformaciones y cálculos sólo rudimentarios y realmente útiles. Fórmula en una hoja de cálculo es una forma realmente útil de averiguar rápidamente cosas sobre su conjunto de datos. En este caso, si quiero descifrar la fecha promedio referenciada, solo puedo escribir promedio y dar clic aquí en el prompt y luego seleccionar el resto de la columna para averiguar cuál es la fecha promedio que se menciona. Creo que con un par de conceptos básicos, se puede llegar realmente lejos y estos son los que he encontrado útiles. Claramente, contando el número de entradas me pareció útil para mirar mi conjunto de datos, sumar cosas, usar un total, como mostré puedes hacer esto en una hoja de cálculo. El Max y el Min ciertamente en términos de años. Creo que esto va a ser interesante. Esta es toda la gama de mi conjunto de datos. Ahora, tenemos un par de promedios diferentes. Entonces, el significado es lo que normalmente pensamos cuando promediamos algo, es sumar todo junto y luego dividirlo por el número de entradas. Muchas veces, esta es una manera realmente buena de ir, pero a veces puede ser muy distorsionante. Como vieron en esta hoja de cálculo, cuando promedié todo, mi promedio terminó siendo negativo 320,896 y eso es porque tengo este atípico, que es la edad del universo en mi conjunto de datos. Entonces, tengo uno -13.8 mil millones ahí dentro, que está tirando todo cuando hago el medio. La mediana es una buena forma de contabilizar eso y lo que acaba de decir es escoger la entrada media. Entonces, si tienes un número impar, es el medio, si tienes un número par de entradas, promedia las dos medias. Por último, el modo es otra forma interesante de ver conjunto de datos, este es solo el número que ocurre con mayor frecuencia. Entonces, este podría ser el elemento con más entradas en su conjunto de datos. Pero siempre pienso que es algo interesante de mirar y de considerar. En la estadística, opté por sacar en la parte inferior de mi gráfica. Estoy usando varios de estos enfoques estadísticos para encontrar y extraer diferentes mediciones de mi conjunto de datos. En esta primera, estoy mirando todo el conjunto de datos, estoy tratando de decir algo que es abarcador, estoy hablando del número 19, que es cuántos libros hay en él. Estoy subcategorizando eso en cinco ficción y cuatro, así que tengo el total aquí. Este es el número total del conjunto de datos. Nuevamente por ese número de años mencionados, tengo el total, pero como mencioné, el año promedio no es útil. No es relevante para el conjunto de datos. pasó nada ahí hace 380 mil años. Todo es muy actual o muy, muy viejo. Entonces, al usar la mediana, puedo vomitar ese valor atípico y llegar a un número que es mucho más representativo de este conjunto de datos. Cuando estoy preguntando cómo se ve la revisión del libro en términos de tiempo y lugar, este es el centro de la misma. La mediana me ayuda a encontrar que 1943 fue el año en el centro de este conjunto de datos. Para el total de lugares mencionados, finalmente estoy usando el promedio. Ninguno de ellos va a tener 3.7 lugares mencionados, todos van a tener un número entero de lugares, pero sí te da una idea de la frecuencia con que ocurren. Por último estoy usando un enfoque de min y max para el número total de páginas. Aquí hay una gran variedad. Entonces, si simplemente el min y el máximo solo estuvieran separados por 10 o 50 páginas, no sería interesante. Pero creo que el hecho de que oscile entre 228 y casi 3,000 páginas es realmente útil y tal vez te inspiró a querer averiguar qué es ese libro que son 3,000 páginas. 11. Tipografía: Cuando empecé a hacer visualización de datos, una de las cosas que me separaron de otras personas fue mi atención al detalle y la tipografía. Esto es algo que he intentado mantener y tratar comunicar a todos a los que doy consejos sobre visualización de datos. Entonces, una de las cosas más grandes es seleccionar tipos de letra. Tiendo a seleccionar tipos de letra condensados y serif. Estos me permiten expresar mucho en un espacio pequeño, por lo que puedo conseguir un tipo muy alto en una ventana estrecha y esto es útil cuando simplemente estoy estableciendo números cortos. Pero en general, busco tipografía que no vaya a distraer. Me gustaría tener cosas incluso con texturas que no van a alejar tu atención de las visualizaciones. He proporcionado una lista de un par de fundiciones diferentes que me gusta mirar porque hay tipos de letra de alta calidad, estas fundiciones tienden a hacer tipos de letra que funcionan realmente bien que están bien elaborados y tienen muchas de las características que busco. También hay muchos errores tipográficos comúnmente cometidos que veo y me gusta recordarle a la gente que no cometa. Entonces, en el mundo en general, tendemos a ver marcas de tic y apóstrofos intercambiados todo el tiempo. Pero cuando estamos tratando con datos y números, esto puede tener un impacto enorme. Las marcas tic son útiles para hablar de longitud, son útiles para hablar de minutos y segundos versus apóstrofes y comillas que son útiles para describir el habla. Entonces, trata de no mezclar esos. Creo que hace una gran diferencia. Además, usando una x como signo de multiplicación, esto tiende a estar bien en el correo electrónico pero en realidad son personajes diferentes. Entonces, si quieres usar un signo de multiplicación, por favor ve y encuentra el personaje adecuado. También hay una gran diferencia entre guiones y en guiones y em guiones, y un personaje que tiendo a usar mucho en diseño es el en dash. Este es el medio, lo obtienes presionando guión de opción y esto se usa para denotar un rango. Entonces, si estás ajustando de 10 a 20, lo separarías con un guión o un horario, como 1960 a 1986 se establecería usando un guión en. Además, en tus tipografías de alta calidad, hay una gama de diferentes estilos de números. Ahí hay figuras de estilo viejo y forro. Se puede ver que el viejo estilo tiene descendentes versus figuras de forro que todas permanecen entre la línea base y la altura del tope, así como figuras proporcionales y tabulares. Entonces, las figuras proporcionales como mayoría de las letras donde tienen un rango de anchos versus figuras tabulares, que están destinadas a alinearse verticalmente. Entonces, si pones cuatro números por encima de otros cuatro números, todos se alinearán perfectamente. Entonces, piensa en el estilo de número correcto para el trabajo que estás haciendo. Además, ten en cuenta que los que tienden a tener ajustes realmente amplios, por lo que es posible que necesites dejar entrar un espacio, para que no parezcan estar pasando el rato. También hay tipografías que tienen fracciones adecuadas. Entonces, si has estado haciendo tus fracciones usando una y luego una barra y una dos, considera volver a usar la paleta de glifos para llegar al personaje adecuado donde tendrás una fracción tipográficamente más correcta. Puede haber un poco de fricción cuando ves el elemento tipográfico equivocado mientras intentas analizar algo. Entonces, ver un número con guiones nos parece equivocado versus ver uno que tiene la longitud adecuada y discurrir entre él. De igual manera, creo que ver una x como signo de multiplicación, piensas que x primero tienes que hacer una pausa quizá por un milisegundo, tal vez más para intentar extraer el significado adecuado, lo que la persona estaba tratando de expresar de la tipografía. Al elegir tipos de letra, considere la legibilidad por encima de todo. Creo que la adecuación es una consideración primordial, así como el impacto. Entonces, hay piezas de mi tipografía que quiero desvanecerse. Yo quiero que sean una textura pareja, y hay otros elementos tipográficos que quizá quiera hablar realmente en voz alta, donde voy a usar una tipografía más audaz. Todo esto podría ser una familia o tal vez dos tipos de letra diferentes que encajan para crear este tipo de impacto y contraste que buscas. Cuando estamos creando una visualización de datos, cada marca es importante. Estamos creando un conjunto general de contrastes y texturas que definen la página. Cuando ponemos tinta en la página, es porque queremos que tu ojo vaya ahí. Creo que el contraste más pesado deberían ser las piezas más significativas del mismo. Entonces, al etiquetar o agregar texto extra, esto es un poco separado, es un poco secundario a las marcas de la visualización. Entonces, como textura, queremos que sea muy parejo y queremos que retroceda un poco, por lo que se lee después de la visualización misma. En mi visualización, opté por usar un sentido bastante neutro del tipo de letra en el que he estado confiando un poco recientemente, se llama firme. De lo que me gusta es que cuando se establece todo gorras y espaciado un poco, crea esta textura realmente uniforme que voy a buscar. Entonces, no hay ninguna pieza negra que salga y me llame la atención. Las marcas del gráfico son las cosas que me meten, y luego la tipografía es secundaria. Pero también me gusta eso al usar el título Book Review, tengo este pesado ancla impactante en la parte superior de la página que realmente lo configura todo. 12. Color: Utilizamos el color para crear asociaciones, para codificar significado, y para crear contraste e interés visual también. En Illustrator, tienes acceso a un par de diferentes formas de pensar en el color. Tenemos CMYK y RGB, y este otro modo, HSP. Lo que me gusta de esto es que está separando un montón de las diferentes dimensiones que pueden ser útiles en el uso del color para codificar información. Entonces, como puedes ver aquí, simplemente jugando con el tono, podemos mover este círculo rojo a través de estas gradaciones de naranja a amarillo. O si simplemente aislamos la saturación, podemos empezar a convertir este círculo rojo en un rosa mucho más pálido. Por último, al jugar con brillo, podemos convertir este círculo rojo en un rojo realmente oscuro. Se puede ver cómo cada uno de estos será útil en la codificación de información. podría aplicar algún conjunto de datos numérico y se podría usar eso para escalar estos colores. Cuando estoy eligiendo una paleta, estoy pensando en esto y estoy pensando en seleccionar colores que me den oportunidades de alto y bajo contraste. A veces pienso que mi gráfico sería legible simplemente en blanco y negro, y es el color agregando algo, y puedo usar estos colores más audaces para enfatizar un elemento gráfico más mínimo o usar más suave, menos saturado, colores menos audaces para desenfatizar algo que es realmente grande. Creo que tener en cuenta la accesibilidad daltónica es realmente importante también. Entonces, pensar en las formas en que las personas perciben tus colores e incluso potencialmente usar herramientas para mirar el diseño a través de filtros daltónicos puede ser útil, sobre todo cuando queremos que las personas mantengan los elementos separados. Otra forma en que empezaré a trabajar con colores es comenzar con una imagen que sería una referencia. Entonces, esta es una especie de paleta que creo que está funcionando muy bien y puede proporcionarme una inspiración para que yo desarrolle colores. Entonces, en este caso, encontré esta imagen que estaba en una carpeta de inspiración poco que tenía algunos colores a los que respondí bien y armonizé en su conjunto. Ahí está este naranja brillante, estos azules, un poco gris pálido y el rosa, y todos son visualmente distintos pero funcionaron bien como un todo. Entonces, uso esto un poco como punto de partida para desarrollar los colores que utilicé en mi visualización. Cuando desarrollo esta visualización, construí una clave. Esto tiene el título de cada libro y un pequeño círculo que tiene el color. Estaba usando colores aleatorios solo para configurar todo. Esto no es lo que recomiendo. Esta es simplemente una forma para mí de meter la información en el gráfico. Creo que cuando tienes una llave como esta, simplemente estás bajando trabajo al lector. Realmente no estaba claro cuál de estos libros se asoció con cuál de estas marcas. Entonces, lo que pretendo hacer cuando lo traje a Illustrator fue simplemente usar esta codificación para ayudarme a entender qué gráfico fue con qué libro y luego quitar en última instancia esta llave para terminar en un lugar como ves al final, donde el nombre del libro está muy estrechamente asociado con el gráfico que describe. Entonces, no hay ninguna de esta clave que necesites revisar y crear éstas, llevar alrededor de un valor de color en tu cabeza mientras escaneas la página, buscando un lugar donde pueda ocurrir. En cambio, trato de llevar la etiqueta directamente al gráfico que no haya caza y búsqueda involucrada en consumirla. Un par de maneras diferentes que el color puede ser utilizado en nuestra visualización de datos para crear asociación son a través de la variación del color mismo mediante la aplicación de diferentes tintes o transparencias, y también mediante el uso de patrón. Entonces, usando hashes o puntos, esta es otra forma de usar una paleta más limitada para crear más significado. Empecé mi gráfica con un conjunto de 19 colores aleatorios, pero no es aquí donde quería terminar. Quería terminar con una paleta mucho más mínima. Entonces, creo que pude codificar todo este gráfico con simplemente cinco colores. Entonces, al mirar este gráfico, me limitaron todos los lugares en los que las líneas se cruzan entre sí. Hubiera preferido haber hecho este gráfico con menos colores, pero hay muchas intersecciones. Entonces, cinco es el número mínimo de colores que podría usar para eliminar la confusión en cuanto a dónde comenzó un elemento gráfico y otro terminó. De la misma manera que los símbolos tienen sus propias asociaciones inherentes, creo que se deben considerar las asociaciones que pueden tener los colores. Por ejemplo, si representa a hombres y mujeres, sin duda tiene sentido atenerse a los colores tradicionales. Entonces, si vemos azul en una silueta masculina, creo que eso tiene menos disonancia que tratar reinventar la rueda y crear nuevos colores para representar a hombres y mujeres. Entonces, puede que no sea progresivo, pero creo que este es el tipo de lenguaje visual al que estamos acostumbrados. Es más fácil doblar las reglas ahí, empujar un poco las cosas que intentar reinventarlas totalmente. Los elementos de la estadística y la tipografía en color son algo que continuamente están en juego mientras estoy diseñando esto. Entonces, estaré cambiando de color en función de la prominencia de los diferentes elementos, ajustando topografía, cambiando tamaños para adaptarse a cosas diferentes o para hacer que las cosas sean más boulder, y luego ajustando un color mientras también estoy jugando con estadísticas para encontrar nuevas historias para poner en esta gráfica. Entonces, es solo un proceso continuo de jugar con este par de componentes diferentes para construir el gráfico. 13. Reflexiones finales: El diseño de esta gráfica comenzó con esqueleto acumulado, configurando algunas de las proporciones y la cuadrícula que iba a usar más adelante. Posteriormente afino esto, seleccionando mi tipo de letra que iba a usar a lo largo y ajustando algunas de las proporciones. Después colocando en algunas de las visualizaciones iniciales que pude crear. Esta es la primera que reúne todas las conexiones que quería representar. A continuación, empecé a limpiarlo en Illustrator, empezando a jugar con colores y etiquetas que mostrarían las asociaciones. Este punto solo estoy usando los nombres de los libros a lo largo, y no he agregado ninguna de las escalas para la longitud ni para los años involucrados. En esta siguiente iteración, estaba jugando con el mapa, metiendo ahí, viendo si agregaría un poco de contexto interesante pero decidiendo en última instancia no era no era necesario. En lugar de usarlo para crear estos subtítulos que definen el ancho de las Américas, y de la Europa, y de Asia, y sumando en la escala para los años desde 2020 hasta 1900. En este punto también estoy empezando a refinar el palé. Entonces, usando algunos de los colores finales, y jugando con eso en la topografía para ver si eso es algo que quiero perseguir. En esta próxima iteración, estoy mejorando la cuadrícula, apretando la tipografía y estableciendo cuántas estadísticas tendré en la parte inferior del gráfico. Al día siguiente, ajusto un poco el título, solo averiguando dónde quiero poner esta etiqueta de espacio y tiempo, y la fecha, y ajustando el tamaño dedicado a la visualización. A continuación, comencé a agregar algunos hechos reales que encontré del conjunto de datos. Agregando estos primer conjunto de piezas de información como el total de lugares mencionados, y el lugar más mencionado. Por último, llegando hacia el final, me metí por el fondo, todas las estadísticas están aquí, y la tipografía está funcionando bastante bien. Pero decidí ir a volver a visitar mi boceto una vez más, y me di cuenta de que al agregar los nombres de los lugares, puedo agregar mucho más contexto a esta gráfica. Entonces, regresé e hice una iteración más del layout que incluye la mayoría de los nombres para los lugares que se utilizan. Entonces, se obtiene un verdadero sentido no sólo del ancho gráfico, de los lugares que se están discutiendo, sino de la diversidad específica real de lugares de los que hablaba cada uno de estos libros. Espero que este gráfico esté respondiendo a la pregunta que planteé al inicio de la clase, que es, ¿cómo se ve la revisión del libro cuando se ve a través de la lente del espacio y el tiempo? A mí me parece bastante fascinante. Creo que es una forma interesante de agregar estos libros, crear conexiones entre ellos y si ver las diferentes dimensiones tanto en el espacio como en el tiempo que habitan. En última instancia, creo que este gráfico funciona y responde a la pregunta que planteé al principio. ¿ Cuál es el aspecto de la revisión del libro a través de la lente del espacio y el tiempo? Veo las conexiones que se están haciendo tanto a través de la dimensión del tiempo y del espacio entre estos libros, las estrechas bandas que habitan cada uno. Es realmente interesante que el lapso de tiempos que se están representando aquí y también lo que no se está representando. Noté temprano que América del Sur y África estaban realmente infrarrepresentadas. Creo que eso es veraz del mundo y probablemente del periódico en general, que no forman parte de la narrativa general. En cuanto al año de que se trata, no sé si tenemos sesgos tan inherentes hacia diferentes años, pero es interesante que éste esté tan fuertemente enfocado en la Segunda Guerra Mundial, y los años intervinientes entre la Primera Guerra Mundial y la Guerra Mundial II, pero luego entre especie de 1990 y el presente hay muy poco. Este gráfico responde a las preguntas para este número en particular de la revisión del libro, pero también hace preguntas sobre la revisión del libro en general. Entonces, me encantaría ver que esto suceda cada semana para que podamos ver estos patrones mayores o analizar un año de la revisión del libro y ver cómo luce eso. Confío en una prueba de fuego interna para estos gráficos. Quiero asegurarme de que estén comunicando los datos que les pongo de manera efectiva, que no están creando confusión, pero también me siento cómodo con ellos empujando los límites. Entonces, no requiero que alguien lo entienda de inmediato. Me alegra que lo vean un rato antes de empezar a aceptarlo. Puede ser difícil porque, después de trabajar en esto por un día o a veces trabajando en un gráfico por mucho más tiempo, sí te familiarizas tanto con él que puede ser difícil dar un paso atrás y tener una idea de si está funcionando. Si nada más, una cosa que me encantaría que tomaras de esta clase es que, ver el mundo a través de la lente de los datos es una forma realmente convincente de ver el mundo. Tiendo a ver el mundo a través de esta lente cuantificada. Entonces, todas las acciones a mi alrededor que siento pueden ser contadas, y expresadas a través de este lenguaje. Entonces, si aún no has comenzado una visualización, te animo a que encuentres ese periódico y caves. Lleva tus intereses al periódico, sígalos a las secciones que normalmente lees o a nuevo territorio. Me encantaría que consideraras los conceptos que he introducido en esta clase, es un marco para evaluar tu propio trabajo y para dar retroalimentación a los demás. 14. Material de lectura adicional: En esta clase, he tocado una serie de temas, que pueden ser cada uno un libro en ella de sí mismos. Si te interesa aprender más, aquí un montón de mis favoritos. Al tratar con Grid Systems, este libro es bastante fantástico. Incluso tiene estas grandes superposiciones de traza, que te muestran los sistemas de cuadrícula involucrados en hacer gráficos fantásticos. Otro libro es éste, El diseñador y La cuadrícula, Los elementos del estilo tipográfico. Ahí hay una referencia realmente útil en la parte de atrás, que guarda muchos de los pequeños detalles tipográficos que saqué en la clase con mucho mayor detalle. En cuanto a tratar con los mapas, creo que esto, Cómo mentir con los mapas, es una lectura realmente genial, no es muy difícil salir adelante. Este libro trata muchas de las complejidades que surgen, cuando intentas aplanar una esfera en un objeto bidimensional. Si buscas inspiración, no hay mucha escasez de colecciones infográficas en estos días, pero esta es una buena que salió relativamente recientemente, con algunos de los mejores gráficos de increíbles creadores como el de Nueva York Tiempos. Semiología de Gráficos es una colección grande, pesada que trata en profundidad con muchas de las diferentes transformaciones, que me repasé por construir diferentes gráficos. Ninguna discusión estaría completa sin el tomo de Edward Tufte, La visualización visual de la información cuantitativa. Creo que esto es realmente buena lectura, que trata de una gran cantidad de sólo los postulados básicos del diseño de la información. Si te interesa procesar, el libro de Dan Shiffman, Learning Processing es un lugar fantástico para empezar y es uno de los libros que me interesaron e involucraron en aprender a codificar. Asegúrese de revisar los recursos de clase en los que he enumerado más inspiración, más herramientas y más recursos para profundizar en la visualización de datos. 15. Descubre sobre diseño en Skillshare: manera.