Transcripciones
1. Introducción: Cuando veo un conjunto de datos, veo un misterio donde puedo encontrar los insights de y luego contarle a la gente sobre ello y enseñar a la gente. Hola mi nombre es Nadieh Bremer, y soy un diseñador de visualización de datos freelance. Hoy en día en esta clase, te voy a enseñar sobre la creación visualizaciones de datos
más efectivas y más bellas llevando tu visualización de datos más allá de la predeterminada. Soy freelancer, y trabajé para un grupo muy diverso de aviones desde Mad Google News Lab, hasta The Guardian, hasta Johnson y Johnson. También creo muchos proyectos personales sobre temas que realmente me fascinaron, cualquier cosa como la astronomía, Señor de los Anillos o Dragon Ballsy incluso. Pero también me encanta hablar de visualización de datos y hacer que la gente se entusiasme con lo que se puede hacer allí. Entonces, durante esta clase, te
estaré llevando por las diferentes formas en que puedes ir más allá la predeterminada cuando creas tus propias visualizaciones de datos. Esto podría ser combinar diferentes gráficos, reutilizar un gráfico de diferentes maneras, mirar mejor el diseño del gráfico, y finalmente hackearlo en cosas completamente diferentes. Entonces, creo que esta clase es realmente útil para un tipo de grupo de personas muy diferente. Creo que es útil para los analistas de datos hacer mejores gráficos para explicar lo que realmente encontraron que un dato, para que los diseñadores front-end creen mejores visualizaciones para sitios web de los datos del cliente, donde también grafica diseñadores para ser más atentos de exactamente lo que están tratando de transmitir y no sólo convertir todo en un gráfico de líneas o gráfico de recompensas. Entonces, lo que espero que le quites a esta clase es que tienes todo un arsenal de cosas diferentes que puedes probar, y que no es muy difícil, solo
puedes pensar en los cuatro pasos. Pruebe y aplíquelas y luego vea cuál funciona mejor. Entonces, después de que hayas tomado esta clase, me encantaría ver tu visualización de datos, así que por favor compártelos en la galería de proyectos. Entonces, emocionado de mostrarte de lo que he estado hablando así que empecemos.
2. Más allá de las visualizaciones de datos predeterminadas: En su esencia, la visualización de datos está haciendo que los datos sean visuales. Entonces, tener números, o tener cadenas de una manera como nombres de países, y convertir eso a elementos visuales. Algo así como círculos, o texto, o formas, o anchos, o alturas. Todo tipo de estos aspectos visuales que se pueden convertir en datos de alguna manera. Entonces, la visualización de datos está codificando datos en elementos visuales. Podrían ser números, o cadenas como nombres de países, y luego conviertes eso en elementos visuales. Estas podrían ser formas y anchuras, colorista, opacidades, movimiento, texto, todas esas cosas de tal manera que revelen insights a meros humanos que entonces pueden entender lo que tienen que decir los datos. Es decir, solo abre cualquier app como una app de fitness en tu teléfono, y verás todo tipo de visualización de datos pequeños sobre el número de calorías que has quemado, el número de pisos que has pisado, pero también con aplicaciones bancarias en estos días puedes ver cuánto dinero aún tienes, cuánto dinero aún debes. Te fijas en estas cosas para obtener información, y no las miras como,
“Oh, esto es una visualización de datos”, por lo que se está volviendo cada vez más sutil en estos días. Entonces, hay dos tipos de visualizaciones de datos que me parecen más increíbles. Por un lado, son las visualizaciones las que saben
visualizar tanto el todo como los detalles tanto a la vez de manera intuitiva, también luciendo hermoso lo cual es un punto muy difícil de alcanzar, pero hay quienes lo alcanzan. Por otro lado, son las visualizaciones las que realmente alcanzaron su objetivo. Digamos que tienes una visualización que intenta convencer a la gente sobre una determinada causa, sobre firmar una petición, o hacer algo y realmente llegar a eso. Mejorar el- o aumentar el conocimiento de las personas para que en realidad tal vez se hagan cambios gubernamentales. Esos dos son los más asombrosos creo. Por lo tanto, los gráficos predeterminados son geniales para atravesar insights muy simples. Los gráficos de barras, los gráficos de líneas, pero si quieres hacer que esa sea una visualización de datos importante, o llegar ese punto a tu manager, o a tu público, quieres ir más allá de los valores predeterminados y luego ser guiado por los datos y las metas. Puedes usar el valor predeterminado como base, pero luego tienes que transformar eso para tener en cuenta cómo tus datos son diferentes a cualquier otro dato del mundo. Por eso es súper importante en realidad dar ese paso, sentarse, pensarlo, y probar diferentes técnicas que les voy a contar. Una forma de llegar realmente más allá de ese valor predeterminado, para crear gráficos más efectivos, voy a explicar cuatro técnicas diferentes
que hiciste Utilizo mucho cuando creo mis visualizaciones. Entonces, uno de ellos es combinar diferentes gráficos para crear algo completamente nuevo. El otro es reutilizar un gráfico de una manera diferente, por lo que mirar los elementos en un sentido más abstracto y lo estamos usando para diferentes ideas. Entonces lo tenemos diseñando porque no se trata solo de los datos, también
se trata de los colores, el diseño, estas cosas y cómo eso puede afectar al gráfico. Por último, si quieres ir por algo completamente diferente, cómo puedes hackear el gráfico de otra persona, o el código de alguien en algo completamente diferente. Entonces, a continuación, te voy a explicar cómo puedes combinar diferentes gráficos para crear algo que tenga un significado completamente nuevo.
3. Método 1: combinar gráficos: Entonces, para mí, hay razón por la que quiero empezar con combinarlo, es cuando tengo datos que tienen muchas variables diferentes. Entonces, tengo que usar muchos canales visuales diferentes para revelar realmente esas variables. Al combinar diferentes gráficos, en realidad
tienes más de estas variables disponibles. Entonces, la trama de dispersión podría convertirse con el tamaño del círculo o el gráfico de barras, podrías hacer algo loco con las alturas. A lo mejor eso sería algo, y terminas con casi algo que es similar a un TreeMap. Entonces, se trata de, si tienes más que solo dos variables, cinco, o seis o siete entonces, combinar estos gráficos te da más y más. En realidad no estoy haciendo visibles todas esas variables. Entonces, déjame mostrarte lo que quiero decir con esto. Entonces, la primera idea es relativamente sencilla. Es realmente combinar diferentes gráficos más normales juntos para crear algo que en realidad es nuevo o usarlo de una manera ligeramente diferente. Entonces, la idea más obvia de combinar diferentes gráficos es realmente escoger los elementos básicos de gráficos separados y luego ponerlos juntos para crear algo nuevo, o incluso mejor. Un ejemplo sencillo son las parcelas de dispersión conectadas, donde crees que estás mirando un gráfico de línea de tiempo. Te estoy mostrando en este momento uno de The New York Times, sobre conducir. Parece un pequeño gráfico de líneas que se mueve, y es una manera realmente extraña, pero en realidad es una trama de dispersión, donde todos los puntos en horizontal, tenemos fatalidades auto por cada mil personas. El camino vertical y horizontal un vehículo millas conducidas per cápita. Cada círculo aquí es de un año específico, por lo que los valores para esos dos ejes, un año específico. Debido a que son cronológicos, en realidad
puedes conectarlos por una línea. Entonces, más inspiración de un gráfico de líneas. Entonces, podemos ver mejor las tendencias que realmente están pasando. Está subiendo y bajando, y de repente hay un gran aumento en las autofatalidades. Entonces, están estas anotaciones que explican lo que realmente está sucediendo. Este gráfico tal vez incluso se está volviendo tan popular, o más popular que se está convirtiendo en lo suyo propio como una trama de dispersión conectada, pero así es como los nuevos gráficos realmente comienzan como remezclas de otros gráficos. Otro ejemplo puede ser algo que se llama gráfico Beeswarm, que en realidad es una combinación de más de un histograma y un gráfico de red. Entonces, cada uno de estos círculos aquí es una canción, en realidad son 2,000 mejores canciones de la historia, y están agrupados para sentarse en el año de lanzamiento. La idea es que en la escala horizontal, estén sentados lo más cerca del año en el que realmente fueron liberados, pero no hay nada que realmente guíe la escala vertical. Simplemente están agrupados a lo largo de esas ideas. Entonces, combina este pensamiento de un histograma con el pensamiento de clustering y networking para crear esta nueva forma única. Aquí hay otro ejemplo que realmente está combinando dos gráficos diferentes. Tenemos estos círculos aquí en el exterior que es algo llamado empacado círculo. Las ideas es, esto se basa en ocupaciones y se tienen jerarquías de ocupaciones. Entonces, aquí tenemos todas las ocupaciones. Dentro de eso, tenemos profesionales de la gestión, y ocupaciones afines y dentro de eso, podemos crear grupos aún más pequeños. Eventualmente, cada uno de los círculos blancos representa cuántas personas realmente tienen esa ocupación, pero para crear aún más contextos, en realidad agregué gráficos de barras dentro de cada uno de estos círculos para dar una idea de lo que la edad división realmente está fuera de la gente en estas ocupaciones, para ver si en su mayoría es mayor o tal vez más joven, o si hay una diferencia entre eso. Entonces, esto realmente está empujando los gráficos de barras en el empaque de círculos. Entonces, otra técnica es en realidad combinar gráficos en una versión en capas más cebolla. Entonces, tienes muchos gráficos y todos tienen una cosa que está en común. Por lo general, ese es el momento, no tiene que ser, te
voy a mostrar un ejemplo que no lo es. Entonces, tienen tiempo en común, y luego ves diferentes capas y puedes combinarlas a través del radio, luego dar mucho más contexto en lugar de solo mostrar un gráfico. Aquí, tenemos una versión anonimizada de una visualización que alguna vez hice para cliente, donde tenemos esta estructura de cebolla. Entonces, tenemos estos gráficos de barras en el centro, luego algo en el exterior con colores, y tuvo que ver con más de una satisfacción del cliente. El eje, aquí tenemos nuevos clientes entrando y finalmente, están pasando estos diferentes tipos de cosas de marketing. Entonces, realmente hay esta capa de cebolla, y al combinar estas cosas, podemos ver, bueno estamos ahí. Cuando hubo más quejas, ¿bajó la satisfacción del cliente? ¿ O conseguimos un montón de nuevo cliente debido a ciertas técnicas de marketing aquí? Entonces, puedes tener muchas más variables en tu visualización, pero también la combinación de todas estas cosas hace que solo
parezca visualmente más interesante y atractivo y atraiga a la gente. Aquí hay otro ejemplo de esta idea de cebolla, donde he tomado el número de accidentes de tránsito que ocurrieron en Holanda. Yo quería saber si eso está correlacionado con razones por las que podría haber más o menos accidentes de tránsito. Entonces aquí, tenemos los accidentes de tránsito en
esta capa, esta es línea roja y dentro de eso, he trazado la cantidad de lluvias en un punto muy céntrico de Holanda para ver si tal vez si hay mucha lluvia, ahí son muchos accidentes de tránsito o si hay menos luz diurna, no
vemos también, por lo que habría más accidentes en esta zona o en este periodo del año. Incluso mirando los días de nieve. Es esa una razón por la que tendrías más accidentes de tránsito? Por lo que de nuevo, estratificar estas cosas para que la gente pueda ver, tendencias o patrones emergentes sobre por qué los accidentes de tránsito podrían produjeron
tendencias o patrones emergentes sobre por qué los accidentes de tránsito podrían
ser más o menos a menudo. Pero no siempre hay que tiempo como la variable que conecta todos los gráficos juntos. Simplemente puedes tener capas de cebolla como capas de cebolla. Por ejemplo, aquí hay una visualización que acumulo para los 50 capítulos diferentes que ocurren los captores de cartas que es un manga japonés tiene y cómo estos están conectados. Entonces, tenemos un anillo interior de los personajes principales. Entonces, están estas líneas que se conectaron a un anillo exterior, que representa los 50 capítulos. Al rondar sobre esto, podemos ver en qué capítulo participó realmente cada personaje. Por fuera, podemos ver otras cosas como qué colores estaban en la portada de cada capítulo o cuáles eran las personas en realidad en ese capítulo. Entonces, es aquí una conexión entre personajes que combina las cosas juntas y no necesariamente tiempo. El concepto final con combinarlo está más en la periferia. Son más los elementos de la interfaz de usuario de un gráfico que se pueden implementar en otro gráfico. Por ejemplo, en su visualización, a veces tienes más datos de los que realmente se ajusta a la pantalla, y la técnica habitual que puedes usar para eso es enfocar en técnica de
contexto donde tienes todos tus datos, y aquí estamos viendo los nombres de bebés y su popularidad con el nombre de bebé más popular en la parte superior, y luego el número 10 aquí, y luego a través de los diferentes años. Entonces, por ejemplo, en 2004, Emily fue el nombre de chica estadounidense más popular para unos nuevos bebés. Pero tenemos datos desde 1808, pero eso es demasiado para poner en esa pantalla. Entonces, tenemos este mini-gráfico que muestra todos los datos desde los que podemos seleccionar una ventana que muestra una pieza más pequeña de esos datos en el gráfico más grande por aquí. Damos al usuario total libertad para seleccionar realmente lo que quiere ver. Si bien esta técnica de esta ventana comenzó para los gráficos de líneas, pero pensé bien, ¿no sería realmente útil para los gráficos de barras también? A veces tienes muchos bares, pero no quieres mostrar ni el top 10 ni el bottom 10, quieres poder mostrar todos. Entonces, después de algo de programación y algunos dolores de cabeza aquí y allá, logré crear esta versión donde tienes un gráfico de barras bruscables. Brushable es un término técnico para esta ventana seleccionable. Ahora, podemos mover esto hacia abajo y tener la misma idea y ver más o menos gráficos. Entonces, es la idea de cómo se está
utilizando un gráfico para hacerlo efectivo y aplicarlo a un gráfico completamente diferente. Otra versión en realidad está usando Voronoi que es algo fascinante en sí mismo, una técnica matemática pero puede ayudar a crear una mejor interactividad. Estamos usando un Voronoi para dividir tus datos o el área que rodea tus datos en celdas, y cuando una persona que está flotando estas células, cruza de una a otra, por lo que se acercan a un punto de datos que el otro punto de datos, vas a tener una cadena de información de herramientas entre los dos. Entonces, estás viendo estos círculos azules aquí y estas líneas azules, y que normalmente no verías eso pero solo verías que sucediera la descripción de herramientas. Pero esa idea de este Voronoi, este algoritmo, es algo que no se aplica para hacer mejor el gráfico. Entonces, saber qué gráficos son en realidad son que podrías combinar, empieza por saber dónde buscar y el lugar que encuentro realmente útil se llama el thedataviscatalogue.com, que en realidad es dataviscatalogue.com. Donde puedes ver todos estos gráficos, y puedes ver, seleccionar uno y obtener más información sobre lo que realmente son, y cómo puedes leerlos. Seguro que estas no son todas las visualizaciones en el mundo porque es una práctica de diseño, algunas personas pueden ser muy creativas, pero tiene muchas visualizaciones que puedes usar para
empezar con tu primera combinación de datos visualizaciones. Entonces, si apenas estás empezando combinando diferentes gráficos, hay formas fáciles que ya se están haciendo. Por ejemplo, si tenemos una gráfica de dispersión, donde tenemos los puntos y luego los dos ejes diferentes, donde luego puedes usar la idea de un gráfico de burbujas donde tienes las burbujas de diferente tamaño y hacer todos los círculos de diagrama de dispersión diferente tamaño, se agrega un nuevo Voronoi. Puede ser tan simple como eso. O si tienes un gráfico de barras, y dices que tienes diferentes géneros. Tienes hembras versus machos. En lugar de hacerlos ambos debajo uno del otro, tal vez puedas hacer que parezca un gráfico de tornados como se les llama, o pirámide de población. Supongo que dimensionar círculos suele ser la forma más fácil de empezar. En lugar de tener los círculos todos del mismo tamaño, usa ese canal visual que aún tienes disponible de dimensionar los círculos para agregar una nueva variable que pueda dar más contexto a los lectores sobre lo que realmente están viendo. Entonces, si eres un principiante con visualización de datos y yendo más allá de este valor predeterminado entonces, dos es realmente buena manera de empezar, pero no tiene que ser dos. Puede ser de tres o cuatro o más. Por ejemplo, aquí tengo estos tres gráficos diferentes. Tengo agrupamiento de borde jeracico, es muy difícil de pronunciar, donde tenemos estas líneas y conexiones. Tenemos un gráfico de burbujas con la idea de círculos de tamaño. Por último, hay un gráfico de rosquillas. Entonces, un círculo rebanado en diferentes secciones. Si entonces combinamos eso y queremos convertirlo en un nuevo gráfico, podemos terminar con esto. Entonces, este gráfico, donde tengo las líneas internas, los círculos de tamaño en el exterior para dar una idea de con qué frecuencia se usan realmente esas líneas, y luego esta rosquilla seccionando grupos del mismo elemento. Entonces, combinando tres gráficos diferentes para crear algo nuevo. Entonces, ahora hemos terminado con combinarlo y pasar al siguiente paso, reutilizar los gráficos.
4. Método 2: volver a usar gráficos: Entonces ahora, vamos a reutilizar un gráfico. Es de nuevo justo lo que digo. Es reutilizar un gráfico de una manera no típica. Entonces, estamos usando los elementos básicos de RRHH para hacer otra cosa. A modo de ejemplo, tenemos gráficos de donuts, pero si eres capaz de cambiar el ancho de cada rebanada de donuts, realidad
puedes convertir eso en un gráfico de barras radial. Por ejemplo, en esta animación creé una vez para una presentación. Empezamos con un gráfico de rosquillas, y luego ajustamos el grosor de cada rebanada, y terminamos con un gráfico de barras radial. Entonces, aquí hay otro ejemplo de reutilizar incluso el gráfico de rosquillas para cosas diferentes. Aquí una visualización que hice de todos los 5 mil
vencedores de medalla de oro desde los primeros Juegos Olímpicos de 1896. Hay muchos datos pero ese era mi objetivo. Quería tomar estos 5 mil puntos de datos y visualizarlos de una manera que invitara a la gente a
investigar realmente lo que sucede a través de la historia de los Juegos Olímpicos. Pero lo que realmente sucede aquí es,
es un montón de gráficos de
barras girados y apilados pero los he hecho mediante el uso de gráficos de rosquillas. Entonces, cada una de estas rebanadas aquí es algo así como parte de un gráfico de rosquillas. Pero, debido a que están algo rotados y no van al círculo completo, son más similares al gráfico de barras de pila,
así que estoy reutilizando un gráfico de rosquillas para crear un gráfico de barras de pila de este tipo. En realidad no tiene que ser muy complejo, puedes hacer estas cosas en cualquier herramienta que te permita hacer base de datos no solo las herramientas que yo uso. Hay muchos bloques en que las personas toman los gráficos disponibles de sus propias herramientas que están usando, podría ser excel, o tableau, o cualquier otra cosa, y cómo han convertido eso en algo reutilizando un gráfico de manera diferente. Un recurso que realmente me ayuda a
mejorar también en la reutilización de diferentes gráficos es Pinterest. Realmente me ayuda en la fase de diseño. Entonces, yo y yo tenemos estos tableros de Pinterest por aquí, bases de datos
muy particulares Pinterest boards: Arte de datos, Hermoso, Radial Clear y Simple, Geoespacial, Vintage. En cada uno de estos, recojo las cosas que he visto encajar en cada uno de estos diferentes temas, y paso por estos, después pensando en los datos que tienen, en lo que quiero hacer, y luego en el tipo de tratar de averiguar cuál de este tipo de click con lo que quiero hacer, y porque podría haber cosas diferentes. Por un lado, podría ser carga así,
este gráfico de baches por aquí, y yo podría ahorrar eso. Pero también me inspira este tipo de diagrama más corte como gráfico. Puedo salvarlos a los dos. Porque los ven a ambos al mismo tiempo, creo, “Bueno, eso es interesante”, o la inspiración de uno podría ayudarme a reutilizar el otro gráfico de manera diferente. Es una especie de esta colección de lo que otras personas han hecho que realmente me ayuda también. No tienes que reinventar la rueda tú mismo cada vez que creas una visualización. Usa lo que otras personas han usado, rehaz lo que hay ahí fuera. Entonces, la reutilización es quizás un poco más avanzada que la combinación. Porque con la reutilización, hay que poder mirar a un gráficos elementos y verlos más en el sentido abstracto. Las diferentes piezas que son en lugar de cómo siempre se usan. Para mí, esto vino algo así de forma natural. Porque siempre bosquejo mis diseños primero. Entonces, no me guían las opciones de la herramienta que estoy usando, me guían lo que tengo en la cabeza y cómo lo quiero fuera en el papel. Entonces, si entonces creo algo que es un gráfico de barras radial y luego tengo que averiguar cómo realmente voy a crear un gráfico de barras radial, que luego una especie de ingeniería inversa, pienso: “Bueno, tal vez pueda usar un gráfico de rosquillas y luego convertir eso en un gráfico de barras radial”. Entonces, es más que- una vez que te pones más cómodo creando diseños en papel que no son tan típicos, entonces te vuelves realmente bueno en usar tus gráficos disponibles para crear realmente lo que tienes en mente y ponerte en papel. Porque tú ese punto en el horizonte para apuntar realmente. Entonces, a pesar de que reutilizarla es un poco más avanzada, lo
digo más en la forma en que conceptualmente es más avanzado. Conceptualmente es un poco más difícil llegar
realmente a él, pero necesariamente es. No estoy hablando de programación. Se puede hacer la reutilización con cualquier herramienta, Excel, o R, o D3. Se trata de reutilizar un gráfico que está disponible de una manera ligeramente diferente. No tienes que programar para hacer eso, necesitas ser inteligente y creativo en cómo vas a tomar ese gráfico y reutilizar esos elementos de una manera que tal vez no estaba destinada, pero estás creando lo que querías crear. Entonces, eso fue todo por reutilizar los gráficos. Ahora, vamos a investigar el diseño de gráficos.
5. Método 3: diseñar los elementos visuales: Ahora vamos a buscar el diseño de tus gráficos, y con esto, realmente me refiero a los elementos visuales. Entonces, las fuentes, los colores, el diseño, las ubicaciones exactas, los efectos, y cómo eso realmente puede transformar un gráfico para algo que no es agradable mirar a algo que la gente realmente querrá investigar. Entonces, para muchas herramientas que te permiten hacer visualización, los predeterminados en realidad no son tan buenos. Yo no los culpo. Es decir, los programadores que hicieron posibles estas herramientas como algo así como Excel, no
eran expertos en bases de datos, simplemente
hicieron lo que pensaban que era correcto. Entonces, simplemente haciendo de manera diferente estos elementos visuales, puedes resaltar las cosas que quieres resaltar y atenuar las cosas que realmente no quieres destacar, como las líneas de cuadrícula. Las líneas de cuadrícula no deberían ser negras o no deberían tener que ser bloques alrededor de un gráfico, puedes atenuarlas o eliminarlas. Entonces, esas son las cosas simples. Entonces, no confíes en tus herramientas por defecto. Entonces, a modo de ejemplo, aquí hay un boceto que hice para la visualización de los nombres de mis bebés. Sabía que quería hacer algo con la posición del 1 al 10 y luego colocarlos a partir de los años 2005 y en adelante y luego cada línea sería un nombre de bebé específico. Entonces, esto es muy sencillo. Realmente no he pensado en los colores ni en estas cosas pero
poco a poco empiezas a añadir eso. Aquí estaría la primera visualización que tuve trabajando desde el tercer día. Entonces, esta es la primera vez que veo algo exitoso en mi pantalla, y no se ve nada bonito. Tenemos todos estos ejes en las ubicaciones equivocadas ahí. Las líneas ni siquiera se están conectando y tenemos este horrible arco iris como el esquí, pero empiezas a cambiar las cosas hasta conseguir lo que quieres. Empiezas a cambiar, tal vez yo pueda hacer algo con los colores, porque ahora mismo es más un confeti de colores y son más distractores que cualquier otra cosa. Entonces, intenta crear una paleta de colores que sea supongo menos colores que ésta, y también puedes usar eso de una manera para tener otro canal visual en el que poner datos. Por ejemplo, las primeras letras del alfabeto son tan normales para nosotros, que incluso las podemos ver de esta manera ordenada. A es uno, z es 26 y luego en algún lugar del medio, y por lo tanto pensé bien, ¿por qué no creo una paleta de colores que mira la primera letra inicial de un nombre, y luego aplica esto a las líneas. Entonces, en el resultado final, todavía
tenemos algunos colores bonitos pasando, pero ahora es menos desorden visual y en realidad datos ahí dentro. De la misma manera, al diseñarlo, es de nuevo la idea de que, realmente no
tengo líneas de cuadrícula aquí porque no son necesarias, y miro mis fuentes, son pequeñas pero no demasiado molestas de alguna manera. Están ahí para la gente cuando quieren verlo. Entonces, con los gráficos, lo que realmente quieres es que los datos sean lo primero que la gente ve, no son los números, no las líneas de cuadrícula, no las leyendas. Entonces, hay que averiguar cómo silenciar las líneas de cuadrícula, el eje de tal manera que lo haga menos obvio, por lo que los datos sobresalen cuando quieren mirarlo, y luego si tus ojos están buscando lo que realmente estoy buscando en ellos luego encuentran los hachas y las leyendas. Entonces, hay tres cosas que son mis cosas favoritas para jugar
realmente cuando estamos hablando de diseñar. Mi favorito es el color. Entonces, el color es tan importante para su visualización de datos. Quizás sea aún más difícil crear una buena paleta de colores para un diseñador de visualización de datos que para un diseñador gráfico típico porque ahora tus colores típicamente también tienen significado directo. Entonces, necesitan poder encajar eso y quedar bien juntos. Entonces, no es malo pasar en realidad una buena cantidad de tiempo probando en diferentes paletas de colores. O bien puedes ser guiado por los propios datos, por ejemplo, si tienes algo sobre personajes para una película animada específica, tal vez tengan sus propios colores de cómo aparecen físicamente, podrían
ser los colores marrones del cliente los que guiarte, pero no intentes demasiado fijar en eso porque normalmente los colores marrones son demasiado similares así que tienes que jugar con eso. Una manera para mí siempre empiezo con un arco iris. Hace que mi pantalla sea más divertida de mirar cuando estoy en desarrollo temprano y luego cuando empiezo a
jugar con ella noto que algunas cosas no están funcionando y me imagino que bien, esto en realidad es quizás más de un tipo de vibra rojo anaranjado que estoy teniendo ahora con la forma en que se ven mis datos. A lo mejor se trata de flores y eso puede ser muy brillante, lo
mejor está más silenciado y necesito más azul. Entonces, tómate tu tiempo para realmente sentarte y mirar los colores. Entonces, además de colores, y entonces supongo que mi cosa favorita a pensar es el diseño. Entonces, ¿cómo realmente diseñas tu gráfico? Porque no es sólo el gráfico lo que importa. ¿ Dónde colocas tu título, dónde colocas tus leyendas y tus ejes para asegurarte de que la gente
lo mire y consuma la información de la manera que querías consumir. Entonces, típicamente quieres que vean primero los datos, luego pasan al título para entender lo que realmente están mirando, luego entran en juego las líneas de cuadrícula y las leyendas y tal vez entonces algún tipo de anotaciones extra que suministrar más información sobre lo que quieres decir. Entonces, pensando en cómo vas a poner estas cosas en orden puedes pensar, bueno, en Occidente la gente está acostumbrada a leer cosas de izquierda a derecha, así que intenta tal vez ponerlo eso. Entonces, miramos de arriba a abajo para que las cosas menos importantes lleguen al fondo. Es así como piensas sobre las cosas de estratificación y también miras las páginas web, y más general supongo que los diseños de revistas pueden darte una gran inspiración sobre cómo también puedes usar eso en tus propias visualizaciones de datos. Es decir, la inspiración realmente no tiene que venir solo de la visualización de datos. Una vez me inspiró una pluma de pavo real para crear esta visualización sobre Olimpiadas. Mi técnica final que más prefiero para diseñar gráficos tiene que ver con efectos. Entonces, realmente es la atención a los detalles aquí, y estos son solo algunos ejemplos, algunos ejemplos muy específicos. Depende de la herramienta si realmente puedes hacer esto, pero te da una idea de lo pequeños que son algunos de los efectos de los que estoy hablando. Entonces, el primero aquí está conectado a los colores, y se trata de mezclar modos. Entonces, si eres usuario de Photoshop o Illustrator probablemente lo sepas, que es como los colores si los colocas uno encima del otro, cómo en realidad se verá el color resultante. En la visualización de datos, esto es realmente útil para varias cosas. Entonces, permítanme mostrarles primero un ejemplo de lo que es realmente un modo de mezcla. Entonces, aquí hay un pequeño ejemplo que hice sobre los modos de fusión. Tenemos multiplicar y pantalla, esos son dos modos de fusión que me gustan mucho. El uno hace que las cosas se vean más blancas la otra hace que las cosas se vean más oscuras en un sentido muy simplista, y cuando es más amplio, obtienes esta bonita técnica de la misma luciendo como si fueran más caribeñas creadas a partir de la misma spot que encuentro. Pero, déjame mostrarte una de estas es en realidad usar ningún modo de mezcla. Entonces, la diferencia es bastante cruda que me parece. Entonces, aquí tenemos un modo de mezcla pasando ahora mismo, y ahora no lo tenemos. Ya ves que estos círculos son simplemente mucho menos interesantes de mirar, pero en realidad también es útil. Para las visualizaciones de datos, a menudo se tiene superposición, pero no siempre es justo que haya superposición ocurriendo. Si tienes gráficos de líneas de las temperaturas diarias promedio en 2015 de diferentes ciudades, trazas tal vez capa de Nueva York luego Ámsterdam, y podrían superponerse en algún momento, pero ¿por qué Nueva York debería estar encima de Ámsterdam? Es decir, todas estas ciudades son de igual importancia. Entonces, ahí es cuando uso el modo de mezcla para realmente asegurarme de que donde cruzan
las líneas hay una especie de color diferente pasando aquel desde el que no se puede ver qué línea se encuentra arriba porque los colores están mezclados. Esto también es cierto para las parcelas circulares de dispersión, donde de nuevo estos son gráficos de pendiente, gráficos muy interesantes, te
sugiero que busques lo que son, pero estos son gráficos de pendiente donde los círculos se superponen en el izquierda y derecha. Nuevamente, ¿por qué un Impala debería solapar a un Antílope? Entonces, esto es mucho dato ficticio que creé. Eso no es justo, son de igual importancia. Entonces, puedo aplicar este modo de mezcla para luego hacer menos evidente cuál se está superponiendo. Ves que se están solapando pero no es aparente cuál se está superponiendo cuál. Entonces, los modos de mezcla de mezcla tienen un uso real para hacer tu visualización de datos supongo que es más cierto, pero también tiene un lado visual muy interesante. Algo más con lo que intento jugar es gradientes, y estos podrían ser gradientes radiales o gradientes lineales, y en un ejemplo muy tonto porque solía ser astrónomo, me gusta crear visualizaciones de datos relacionadas con la astronomía. Tengo este gráfico con nuestras estrellas más cercanas trazadas en el llamado diagrama HR. Entonces, para hacer de esta visualización un poco más interesante, ya que las estrellas son esferas en realidad, las
hice lucir como esferas por aquí y no con la esencia de hacer en 3D, sino más realistas. O incluso aquí donde estoy tratando de hacer que se parezcan más a los orbes resplandecientes que realmente son. Al usar gradientes radiales, al hacer el contorno quizá un poco más oscuro, el interior un poco más ancho, da más dimensión a todos tus círculos en lugar de hacerlos todos círculos planos del mismo color. Entonces, otro hecho uso mucho, y éste estoy mostrando más porque es la inspiración que obtuve de esta técnica la cual se llama la técnica pegajosa, puedes ver estos círculos dando vueltas en mi pantalla. Eso lo conseguí de un cargador que vi en la web. Entonces, especie de cargador de espera, y vi que pensé esperar, eso es súper interesante. Puedo tomar ese código, agarrarlo o sacarlo de ahí y usarlo en mi visualización de datos. Entonces, dondequiera que sean las áreas en las que estés trabajando, puedes inspirarte desde donde sea. Pero esta técnica me gusta por ejemplo tener aquí, donde estoy visualizando las 150 ciudades más grandes del mundo. Para un efecto divertido, puedes tenerlos todos agrupados en un solo grupo o que se rompan de un grupo en este efecto pegajoso. Pero también cuando vuelven juntos y algunas de estas ciudades están en el mismo país, cuando regresan juntas, se
vuelven grumos como país otra vez en lugar de estos círculos separados. Entonces, está de nuevo el uso de un uso real de base porque le da intuitivamente al espectador la idea de que están mirando de nuevo a un país completo en lugar de ciudades separadas. Esto puede continuar. Puedes crear desdibujos de movimiento que en D3 puedes usar para decir quizá las velocidades máximas de carrera de ciertos animales. Hay una anatomía del gradiente que puedes usar para resaltar el flujo aquí en esta una de las visualizaciones más famosas jamás realizadas según algunas personas, Minards visualización de la marcha de Napoleón hacia Rusia, y luego volver de nuevo para demostrar que las tropas iban ese camino hacia Moscú y luego de vuelta aquí de negro. Mi último consejo para este sería cuando tengas etiquetas y leyendas para colocarlos siempre lo más cerca posible de tus datos reales. En este ejemplo, tengo un gráfico de puntos, y lo que veo a menudo es que la leyenda está al lado con los colores y tendrías azulado con guepardo y luego verdoso con Dolphin, pero entonces la gente realmente tiene que ir de ese punteado carta a la leyenda y de ida y vuelta y vuelta y adelante y tienen que mantenerlos en su mente lo que era cada color. Entonces, aquí en realidad es bastante fácil simplemente mover la etiqueta, así que lo que cada color significa para el gráfico en sí. Entonces, tal vez cuando vengas a Visualización de
Datos desde más de un fondo de diseño gráfico, tienes una mejor sensación de cómo puedes hacer estas cosas de diseño, y cuando estás más de un lado de datos o programador sientes que como si no tuvieras el conocimiento para hacer esto pero eso no es cierto. Son los pequeños pasos los que marcan la diferencia, y al poner realmente atención en diseñar tus gráficos, puedes hacer algo que también se vea más hermoso y más profesional, y realmente puedes ver el resultado que tiene en el personas a las que se lo estás mostrando. En general, las personas se sienten más atraídas por las cosas que se ven mejor, y creen que las cosas que se ven mejor son ciertas. Entonces, hay muchos beneficios realmente poner en ese tiempo para pensar en qué colores usar, qué cosas ocultar, qué cosas resaltar, qué cosas anotar si realmente quieres que tu visualización de datos sea lo más eficaz posible. Está bien. A continuación vamos a buscar hackear nuestras visualizaciones.
6. Método 4: hackear el código: Entonces, ahora estamos hackeando tu visualización. Con la piratería, es un poco un área gris, pero definitivamente quiero decir cuando realmente tienes que entrar en el código fuente de una visualización existente y ajustar las cosas de manera bastante drástica. Pero, tengo que admitir, también encuentro cuando veo algunos gráficos creados en herramientas donde realmente no se puede entrar en el código fuente en línea, pero han sido completamente cambiados de su gráfico inicial y no es algo diferente, eso funciona fantásticamente bien. Todavía no lo llamaré hackear, a
pesar de que hay una superposición con reutilizarla y combinarla. Pero, en general, es solo el nivel más avanzado de ir más allá del default. Entonces, qué hackearlo, creo que lo más importante a recordar es que no tienes que empezar de cero cuando he creado o diseñado algo que parece completamente nuevo. A menudo hay algo por ahí que se asemeja mucho a tu diseño o idea. Entonces, la idea es que puedas partir de eso como tu base y luego empezar a ajustarlo hasta que tengas lo que quieres. Por supuesto, esta es una herramienta ligeramente dependiente de exactamente la cosa y
lo cerca que puedas encontrar esa cosa a la idea que tienes. Pero, créeme, en algún lugar de Google alguien ha creado algo que está más cerca de tu diseño que nada. Entonces, para esto como ejemplos, en realidad
quiero mostrarles el mismo gráfico y cómo lo hackeé de tres maneras diferentes. El básico se llama diagrama de acordes. Creo que vino de visualizaciones del genoma con los genomas de animales y humanos. Pero, ahora es parte de D3. Se trata de un gráfico estándar que es más fácil de crear. Por eso se convirtió en parte de mi arsenal de posibles cartas. Es un gráfico bastante difícil de explicar a otras personas sin embargo. Esa es toda otra historia por sí misma, pero generalmente así es como se ve. Entonces, tienes un elemento circular donde están estos los flujos entre secciones. Entonces, aquí tenemos marcas de teléfonos y cómo la gente cambia entre las marcas telefónicas. No entraré en los detalles, pero aquí hay conexiones de gente que va de Nokia a Samsung, o al revés, y que mucha más gente pasó de Nokia a Samsung que de Samsung a Nokia. Pero, este gráfico tiene tantas facetas interesantes que podría reutilizar de diferentes maneras. Por ejemplo, pensé que aunque para un diagrama de acordes normal, estos flujos, por lo que de Samsung a Nokia y de vuelta de nuevo, son asimétricos. No son lo mismo. Pero, si son iguales,
el gráfico en realidad se vuelve mucho más fácil de entender. Entonces, hice un ejemplo. Aquí, sobre todas las colaboraciones cinematográficas entre los Vengadores y la MCU en su momento. El asunto aquí es que, si Iron Man apareció en una película junto con Black Widow, también es cierto lo contrario. Entonces, aquí están todas estas conexiones son simétricas. El más grueso de estos acordes es, que más a menudo estos dos personajes han aparecido en esa película juntos. Aquí, en realidad es un poco más de reutilizar, porque no he entrado en el código subyacente. Lo único que hice es pensar realmente en cómo estructurar mis datos, que la visualización lo hiciera de la manera que yo lo quería, y no tengo ninguno de estos cerros. Aquí tenemos una visualización que muestra lo que la gente ha hecho por su educación, y qué ocupación terminan haciendo un año y medio después de su graduación. Este también se basa en el diagrama de acordes. Empieza con éste y lo convierte en ésa. Entonces, aquí están pasando algunas cosas. Entonces, para mostrarte cómo creé este gráfico, empieza más en el término de reutilización de las cosas, donde al inicio tuve que crear. Entonces, en esta versión por aquí, estos acordes van de todas partes. Entonces van de aquí para allá, todo el camino al otro lado, sólo un poquito a un lado. Pero, yo quería que fuera sólo de izquierda a derecha, de izquierda a derecha. Entonces, tuve que averiguar cómo construir mis datos para asegurarme de que eso siempre sucediera, que aquí puedes ver una captura de pantalla de mi bloc de notas. Entonces, hice eso visual. Este es mi punto de partida en ese momento. Se basó en el diagrama de acordes normal, pero con sólo con los datos ajustados. Pensé, bueno, cómo puedo crear esta brecha. Bueno, ¿y si agrego un gráfico ficticio que no tiene información y luego roto todo el asunto, y luego simplemente lo escondo. Entonces, ahora la brecha está ahí. En esencia, esto era lo que tenía en mente, pero no del todo. Entonces, así es lo lejos que llegué con reutilizarla. Entonces, estoy creando este gráfico a partir de un diagrama de acordes, pero ahora tenemos todo yendo de izquierda a derecha. Tenemos esta brecha en el medio, no es del todo típico. Pero, es realmente, es casi un hackeo porque ahí hay algo, simplemente no lo vemos. Pero, yo quería que estos dos fueran, supongo, más apartarse. Porque eso es lo que dibujé. Ese es el boceto que tenía en mi mente, que es este boceto de aquí. Entonces, estos dos arcos por aquí pasando de la educación a la ocupación, pido disculpas parte del texto está en holandés, con estos fueron solo un poco más separados. Iré muy específicamente a D3 donde estaba hackeando mi camino. Podría mover fácilmente estos acordes exteriores hacia afuera, pero para estos internos tuve que sumergirme en el código fuente de D3 por primera vez, lo cual me pareció particularmente aterrador porque no había estado programando con el Web y JavaScript y HTML y CSS desde hace mucho tiempo. Pero, por suerte fueron sólo unas pocas compensaciones horizontales muy pequeñas en unas pocas localizaciones las que me dan esto. Con alguna mejor clasificación, terminé con esto, que me pareció visualmente más interesante que la que tenía antes. Tan solo pon un pequeño cambio en separarlos. Eso me dio sólo probando algo pequeño, me
dio la confianza de tal vez hacerlo más a menudo. Entra en el código fuente D3 con más frecuencia y hackear mi camino al gráfico que quería crear. Entonces, con diferentes colores y los datos reales, así surgió este. El final es donde realmente hackeé lejos. Quiero crear una visualización sobre el Señor de los Anillos. Encontré este fascinante conjunto de datos sobre el número de palabras habladas por cada personaje en cada escena de las tres adiciones extendidas y sabía que tenía que hacer algo con eso. Entonces, me hicieron un boceto donde coloqué a la gente, los miembros de la beca en el centro, y luego a los lugares donde hablaban alrededor del círculo interior, y luego estarían conectados por estas cuerdas. Cuanto más gruesa es la cuerda, más palabras habló esa persona en ese lugar. No sabía de ninguna herramienta que pudiera realmente crear este gráfico, pero me recordó el diagrama de acordes con estos arcos dando vueltas y luego estos acordes internos fluyendo. Entonces, pensé que tal vez pueda empezar desde ahí y ver hasta dónde llegaría. Aquí tenemos, en algunos pasos básicos, por lo que esto es más en sentido abstracto, los diferentes pasos que di. Ahora, los animé sin problemas sólo para mostrarles cómo iría eso. Pero, este es el diagrama básico de acordes con el que empecé. Al principio, me meto en el código fuente D3 y he tratado de averiguar qué es lo más fundamental que necesito hacer. Bueno, estos acordes necesitan detenerse en el centro para ser más específicos para mi diseño. Si no puedo averiguarlo, entonces probablemente este no sea el camino correcto. Es así como veo estas cosas. Yo típicamente cuando remix cosas intento y hago eso en pequeños pasos. No planeo todo por delante. Es más que intento averiguar cuál es el siguiente paso más fundamental que necesito hacer para acercarlo a mi diseño. Si saco los primeros del camino, entonces típicamente ya estás en la fase más diseño-it ya. Una vez que tengas los primeros pasos mayores hechos, entonces estás seguro de que eso va a funcionar. Si no es tienes que comprometerte y tal vez hacer algo más. Pero, no hay necesidad de planear todo por delante. Entonces, aquí necesitaba conseguir estas cuerdas hacia el medio. Me metí en el código fuente de D3 y en realidad conseguí que funcionara. Deshacerse de ese exceso de espacio que era aparente fue el siguiente paso. Bueno, tal vez tener los datos reales de Lord of the Anillos, que era un poco más, y alguna paleta de colores más apropiada también estaba consiguiendo alrededor de esa época, algo bueno. Tenemos nueve integrantes de la beca. Entonces, lo siguiente importante fue asegurarse de que estas ubicaciones de intereses terminaran con la ubicación correcta. Pero, ahora puedo ver que en realidad me faltaba algo a mi diseño. Esto se estaba poniendo demasiado plagado. Entonces, apenas pude leer a Gandalf o Legolas al fondo. Pensé, bueno, sólo puedo apartar las dos mitades. Veamos cómo se ve eso, porque estos dos acaban de pasar a ser una especie de 50-50. Entonces, eso funcionó. Entonces lo último, esto es realmente más de un toque. Atención al detalle es que ajusté estos acordes, que también estaba de nuevo dentro del código fuente D3. Por lo que todo parecía un poco más natural en este caso en particular. Entonces, hay algunas atenciones a detalle como usar elvís para explicar la mitad del Mordor y cómo dirías eso en Elvista. Creo que no sé cómo leerlo, la cosa en el ring. También está pasando algo de interacción aquí. Aquí la idea es que empecé a partir de ese diagrama de acordes y
entrando en el código fuente D3 iniciando con aquí la función original, supongo, que crea el diagrama de acordes, podría entonces mutar lentamente eso en este nuevo gráfico, que yo llamo el gráfico telar, con las cuerdas a los lados. Apenas se puede ver el gráfico original aquí, pero sigue siendo un gráfico completamente nuevo que se puede utilizar por diferentes razones. Entonces, eso es lo que quiero decir con realmente hackearlo. Simplemente haciéndolo tuyo, pero empezando por el fantástico trabajo de otra persona. Entonces, otro consejo. Si tienes o si estás trabajando con herramienta que te permite hacer más gráficos interactivos es suministrar una interacción. No tiene que ser muy grandioso ni nada. hovers son una manera realmente buena de dar foco. Entonces, en esta visualización con las palabras pronunciadas en El Señor de los Anillos, hay muchas de estas cuerdas internas pasando. Entonces, solo teniendo una interacción en
un hover y destacando solo a las personas que hablaban ahí, puedes proporcionar el foco, o viceversa, cuando me cierre sobre un personaje en el Señor de los Anillos. Veo sólo los lugares donde habló y además esconden los donde no hablaba. Porque no siempre se trata de mostrar la información, también
se trata de ocultar lo que es irrelevante, para que todo lo que queda sea relevante. Entonces, el hackeo es en realidad la más avanzada de las cuatro técnicas. Se produce cuando te sientes cómodo con cualquier herramienta que estés usando para crear tus visualizaciones. Entonces, con los ejemplos que les
mostré, en su mayoría me refería a D3 porque esa es la herramienta que he estado usando. Pero, también puedes hackear cosas con Excel o Tableau o ClickView o Looker. Se trata de ese momento en el que te sientes tan cómodo con la herramienta que estás usando que sabes de formas de hacer las cosas o combinar cosas que ni siquiera sabes que es posible. Se trata de que ya no te conformes a la herramienta, sino de que la herramienta se conforme a ti en su lugar. Puedes usar todo lo que tengas a tu disposición, y tus conocimientos, y crear algo en lo que nadie pueda ver en lo que realmente se basa originalmente, y es súper efectivo y súper nuevo, y la gente querría verlo y recrear. Entonces, aunque hay muchas herramientas grandiosas que te permiten crear visualizaciones de datos, en mi opinión personal, si quieres ir y crear estos visuales más efectivos, creativos y únicos, definitivamente te recomendaría aprender un poco sobre D3, o en realidad mucho sobre D3 si lo disfrutas. D3 solo te permite dar forma a tus visuales de la forma en que quieres. Es como bloques de Lego que construyes juntos para leer la visualización que quieres. No estás confinado por casillas de clic o soltar y arrastrar cosas. Es mucho más libre que eso, y es por eso que puedes crear estas formas que son completamente únicas, pero personalizadas algunos datos que tienes y los objetivos que estás tratando de lograr. Entonces, aunque puedes hacer muchas cosas increíbles en Excel, nunca
llegarás a este punto que puedes hacer con D3. Entonces, si realmente te apasiona la visualización de datos, realmente intenta meterte en la programación tan
bien, te puede llevar tres niveles arriba.
7. Consejos y trucos para recopilar datos: Entonces, lo más fundamental para la visualización de datos es en realidad tener datos. Entonces, quiero mostrarles algunos consejos de cómo pueden encontrar datos en línea. Para aquí, es importante creo que, cuando creas tus visualizaciones, especialmente tus proyectos personales donde quieres aprender, es que encuentres un tema que realmente te interesa a nivel personal, una pregunta que te impulsa personalmente. Tal como para mí, quería saber cuántas palabras habían hablado los personajes del Señor de los Anillos en diferentes lugares. Fui impulsado por conocer la respuesta a eso, y eso finalmente llevó a la visualización. Entonces, en lugar de tal vez ir a un sitio web del gobierno y tratar de encontrar algún conjunto de datos sobre la población en diferentes ciudades, intenta encontrar un tema que realmente te interese y te
sorprendería qué datos encontrarás en línea. Entonces, el más sencillo y sencillo es en realidad solo Google. Google tu tema junto con las palabras datos o conjunto de datos, y luego realmente tener a los pacientes para hacer clic a través los ejemplos de las primeras dos o tres páginas de resultados, y lo que normalmente puedes encontrar es una buena cosa entre ahí. Llamo a estos archivos estructurados de una sola vez, están ocultos dentro de algún repo de GitHub, o están ocultos dentro de una hoja de cálculo de Google, o tal vez solo un archivo Excel o un archivo CSV. Entonces, es un sitio web que se trata específicamente de ese tema. Hay sitios web sobre todos los ganadores del Premio Nobel, hay sitios web sobre todas las estrellas cercanas que algún satélite realmente ha medido. Un conjunto de datos interesante final que logré encontrar solo Google es un conjunto de datos de genealogía de 3,000 personas conectadas a la realeza que se remontó a más de un milenios, así como un gigantesco árbol genealógico de cómo son los realeza conectados juntos y lo intercasados que están ahora, lo cual convertí en un proyecto también para esa colaboración personal de todo el año que hice. Entonces, también hay sitios web que contienen información estructurada, pero no en algún formato listo para descargar. Entonces, en cambio, los datos en esencia se fijan dentro del propio HTML,
se fija en la forma en que se dan estilo a los diferentes elementos en la página. Por ejemplo, IMDB, puedes buscar algunas películas, y luego te devuelven esta lista de películas, y todas estas películas están contenidas dentro del mismo estilo de divs y otros elementos. Por lo tanto puedo descargar ese html y buscar un estilo específico. Todos los títulos de películas por ejemplo podrían estar contenidos dentro de un título de película H1 de clase, pero no tienes que programar para hacer esto necesariamente, hay herramientas por ahí que te permiten hacer esto haciendo clic y arrastrándolo y configurándolo, he probado, son bastante increíbles y se pueden obtener datos realmente interesantes de ellos. Hay por ejemplo, también en amazon podría encontrar la lista de
los 100 autores de fantasía más vendidos que podría usar para un proyecto de libros más adelante,
porque, otra forma de encontrar datos en línea es con API. Tengo que admitir aunque que no uso muchas veces estos porque pueden ser un poco molestia de configurar,
pero sin embargo, hay momentos la riqueza para la información es demasiado buena para ignorar. Las API vienen cuando por ejemplo un sitio web o una aplicación tiene tantos datos que simplemente no pueden sacarlo todo a la vez, es simplemente demasiado, por lo que necesitas ser muy específico en qué datos solicitas. Y así, con esos 100 nombres de autores fantásticos que me han raspado de Amazon, luego los pongo para hacer la buena API rica, para solicitar información sobre los 10 mejores libros más valorados de cada uno de estos autores. Entonces, recabando información sobre el número de calificaciones, las calificaciones promedio, título de estos libros, este tipo de cosas. De este modo, incluso tú puedes combinar estas diferentes ideas de búsqueda de datos para llegar al conjunto de datos final que estás buscando. También puedes pedir consejo a otros, si no lo sabes quizá alguien más lo sepa. Puedes pedirles directamente a tus compañeros o tal vez en cualquier medio social en el que estés. Entonces, para mí eso es Twitter, y durante uno de los meses de nuestra colaboración personal no sabía qué hacer exactamente. El tema era la comunidad, y sabía que tenía que ser algo que encajara con el Fondo Mundial para la Vida Silvestre, pero no podía conseguirlo más preciso que eso. Por lo que le pedí consejo a Twitter sobre qué datos o qué temas en los que realmente podría investigar. Después me dieron montones y montones de enlaces
muy interesantes que empecé a navegar lo que me llevó a nuevos enlaces y así sucesivamente, hasta que finalmente me encontré con este sitio web, donde vi el verdor como se mide desde el espacio en un semana particular en junio y luego supe que quería hacer algo con esto. Entonces, eventualmente eso se convirtió en este proyecto que es, bueno, visualmente muy minimalista pero eso es lo que quería. Yo quería algo que fuera fácil de entender, sobre cómo cambia el mundo en su verdor a lo largo del año. Por último, puedes crear un conjunto de datos de forma completamente manual, no
necesitas ningún código. Para nuestro mes de nostalgia con la colaboración personal que
tuve, entré en Draggable Z que solía ser fan de eso. En Draggable wikipage encontré estas listas de todas las peleas que sucedieron durante este anime, porque el anime se trata de pelear, pensé que sería muy apropiado si la visualización fuera sobre todas las peleas eso sucedió. Entonces, solo copio y pegué todas estas listas en Excel y dividí con algunas de las funciones simples de Excel en el conjunto de datos que necesitaba. Por otro mes en colaboración, buscaba datos sobre mariposas y busqué dos horas para encontrar un conjunto de datos realmente adecuado para las mariposas. Pero eventualmente tuve que resignarme a las mejores opciones al contenido dentro del sitio web llamado jardines con alas, pero no quería tener que programar mi camino en toda la información que estaba aquí. Entonces, acabo de hacer clic a través de todas las opciones que estaban ahí y copiar pegué la información que necesitaba en un archivo final de unas 90 mariposas. Me tomó tal vez otra hora, pero luego tuve este conjunto de datos muy único que podría usar para crear una visualización sobre las mariposas. Lo que quiero mostrar con estas cosas diferentes es que no hay sólo una forma específica de encontrar datos, sobre todo en línea. Hay tantas maneras diferentes de Google y encontrar el CSV sencillo y la hoja de cálculo, para rasparlo o incluso simplemente hacerlo manualmente. No es solo que los analistas de datos hardcore tendrían esas habilidades mágicas, y de verdad ayuda si te impulsa
ese proyecto personal, esa búsqueda personal sobre eso realmente te interesa encontrar los datos que necesitas.
8. Reflexiones finales: Entonces, ahora has visto las cuatro técnicas, lo siguiente que debes hacer, es crear visualizaciones de datos siguiendo estas técnicas. La mejor manera en que creo que puedes hacer esto es
escogiendo un tema del que realmente te apasiona, pensando en una pregunta sobre ese tema que quieres conocer y luego salir y tratar de encontrar algunos datos al respecto, luego visualizar la respuesta a esa pregunta que tienes. Será increíble si luego compartes tu resultado en la galería de productos, para que yo pueda verlo, y otras personas lo puedan ver. Porque de nuevo, la inspiración viene el uno del otro. Entonces, compartir es realmente la mejor manera de crecer en esta comunidad y que otras personas te den retroalimentación que puedes usar, y para crear mejores visualizaciones la próxima vez. Entonces, cuando creas tu próxima visualización de datos, realmente
espero que pienses en estas cuatro técnicas para crear visualizaciones
más efectivas y hermosas, para que sea más personal, más único, y realmente empuje tu trabajar al siguiente nivel. Entonces, muchas gracias por tomar esta clase y realmente no puedo esperar a ver tu trabajo.
Nadieh Bremer, Data Visualization Designer and Artist
