Startup Datasnacks: entre bastidores

Buscamos formas simples y estables de transmitir datos a tu cerebro.

Regálate un buen sonido al leer:

Me encantan las buenas visualizaciones de datos, aka charts superchulos.

Sin embargo es asombrosamente difícil integrar grafos / curvas / charts en una página web de tal forma que además dé gusto consumirlos.

Bocaditos de datos.

Datafacts & Datastories que se pueden picar con calma en camino, pero que aun así aportan un valor añadido por su profundidad por encima de la media.

Cartas coleccionables de datos.

Cada swipe un momento aha, cada scroll un pequeño eureka.

Ese es un objetivo noble, pero no es fácil de alcanzar, la tecnología lo permite en teoría, pero en la práctica a menudo nos tira los planes por tierra, porque todavía no es apta para la práctica.

Veredicto: no apto para el día a día.

Ayudamos cada día a startups y a otras empresas interesantes a tomar decisiones basadas en datos, a menudo son feas columnas de números, y eso también está bien, porque son aptas para la práctica, pero aquí en nuestras páginas web queremos preparar los datos de modo que nuestros visitantes puedan consumirlos con gusto, en especial también en pantallas de smartphone más pequeñas.

Así que nos veremos obligados a construir dos mundos:
Menús de datos complejos con 5 platos para pantallas grandes
Snacks de datos simples para pantallas pequeñas

Lo que he probado hasta ahora para ello:

a) Google Sheets por iFrame

Publicar tablas o charts de Google Sheets e integrarlos por iFrame

b) Google Apps Scripts + Chart.js

Crear una web app de Google Apps Scripts, con ella acceder a los datos en bruto de tablas de Google Sheets, emitirlos como objeto JSON y a su vez representarlos con Chart.js, el HTML renderizado a partir de eso integrarlo a su vez como iFrame en nuestra página web, eso permite las opciones de ajuste granulares de Chart.js, pero al final es un rodeo muy engorroso y al final queda limitado otra vez en la flexibilidad de diseño por diversos aspectos del iFrame. Engorroso y subóptimo, pero al menos un camino para alimentar Chart.js con datos en bruto de Google Sheets, sin tener que programar procesos de autorización más complejos.

c) Datos en bruto hardcoded con Chart.js

Escribir datos en bruto simples de forma directa y fija en el código HTML/Javascript de la página web y visualizarlos con Chart.js. Definitivamente es hasta ahora el camino para los mejores resultados de diseño, pero por supuesto no es practicable.

Por ahora estoy dispuesto a hacer compromisos en el diseño y tiendo a seguir usando charts simples de Google Sheet en iFrames, con un par de parámetros especiales el resultado se vuelve visualmente tolerable. Aun así muy limitado en el diseño, en especial en el área de Smartphone-Screens se pone justo, pero eso pasa en Mobile Screens de un modo u otro, ahí el problema no está necesariamente en el tipo de integración.

Mmh. Definitivamente no estoy al final de nuestro viaje de investigación, sino en algún punto del principio, y aun así ya muchos pasos más adelante que aquellos que nunca han empezado.

d) Google Datastudio Embedding

Voy a probar de inmediato si los informes publicados e incrustados de Google Datastudio pueden aportar aún más valor aquí, me interesa especialmente Mobile, pero me temo que Charts for Mobile es más bien un tema de diseño y arte que un tema que se pueda resolver con la incrustación torpe de cualquier Google Charts.

Una buena visualización de datos en pantallas pequeñas es una artesanía digital para la que según mi conocimiento todavía no hay ni siquiera una denominación de categoría… …bueno, nunca digas nunca antes de haber lanzado un buscador sobre internet, por supuesto hay gente que ya se ha ocupado del tema.

Por ejemplo Thomas Gonzalez de Brightpoint Consulting ha escrito un artículo en Medium sobre el “tema Mobile Data Visualization Design” y parece dedicarse en su sitio web BrightpointInc.com constantemente a temas de visualización de datos.

Otras libraries y sistemas:
highcharts.com
Tableau
D3 Javascript
Observable

El feedback sobre caminos alternativos para enviar datos desde Google Sheets o también otras fuentes de datos fáciles de gestionar a sitios web y presentarlos de forma sobredimensionalmente elegante es bienvenido. Comenta simplemente aquí o envíame un mail directamente a john@mcgrinsey.com. Gracias 🙂