@drawohara¡me encanta esto! << haz clic en mí 🐛 🫖 🧚
/data-visualization-with-google-sheets-and-d3--js
publicado el: 2018-10-11

Hay personas que miran una hoja de cálculo y ven la magia. Hay otras que miran una hoja de cálculo y sus ojos se vuelven borrosos y tienen un fuerte deseo de echarse una siesta. Sin juzgar a ninguno de los tipos, pero a veces necesitas hacerlo más fácil de digerir.

Poner filas y columnas de datos en un formato que ayuda a las personas a entender "de qué se trata" generalmente se llama visualización de datos. Hay muchas herramientas para crear gráficos y gráficos a partir de hojas de cálculo, incluido Excel o Google Sheets. A veces necesitas algo más robusto, y la mejor herramienta para el trabajo es D3.

Un ejemplo: dojo4 recientemente terminó un trabajo para 350.org - una organización centrada en reducir los combustibles fósiles y cambiar a fuentes de energía 100% renovables. Usamos el concepto de un diagrama de acordes para representar los esfuerzos de varios grupos y organizaciones que apuntan a los bancos internacionales que financian proyectos de combustibles fósiles en todo el mundo. La codificación de colores proporciona una visión general rápida de los grupos y su enfoque particular en los combustibles fósiles.

350-chord-diagram-base.jpg

Los usuarios pueden pasar el ratón sobre una organización y ver a qué bancos están apuntando:
350-d3-chord-diagram-hover1.jpg

O pasar el ratón sobre un banco y ver qué grupos están apuntando a ese banco específico.
350-d3-chord-diagram-hover2.jpg

(nota: los nombres de los bancos y las organizaciones se han eliminado por privacidad)

Este diagrama de acordes se generó dinámicamente a partir de una hoja de cálculo compartida de Google utilizando Google App Script y JavaScript personalizado adjunto a la hoja. Esta relación autocontenida ayuda a asegurar que los datos de origen y el código para generar el gráfico no pierdan su relación, y cualquier actualización de la hoja compartida actualizará automáticamente el gráfico.

Disfruté trabajando con dojo4. El equipo realmente quería entender cómo una visualización de mis datos sería valiosa y parecían trabajar desde allí. Ahora tengo un gráfico accesible y atractivo que cuenta una historia sobre dónde hay brechas, redundancias y oportunidades para una mayor coordinación. Aprecié cómo se tomaron el tiempo para aprender la estética de mi organización y trabajaron para igualar nuestro estilo. – Analista Global Sénior, 350.org