Mapa del Sistema Universitario Vasco: Industria 4.0

Con el fin de responder mejor a las necesidades empresariales y a las de otros actores públicos, privados y sociales, así como conocer las capacidades formativas, investigadoras y de transferencia de los miembros del Clúster en el ámbito de la Industria 4.0.

Visualización interactiva del mapa de capacidades del Sistema Universitario Vasco en el ámbito de la Industria 4.0.

El buscador del Clúster 4Gune (Formación Universitaria en Ciencia, Tecnología e Ingeniería de Euskadi) recoge las capacidades formativas, investigadoras y de transferencia de los centros formativos miembro para orientar y ayudar a la hora de emprender unos estudios determinados, para encontrar profesionales del futuro o para mejorar las diversas actividades de la cadena de valor de las empresas.

La finalidad del proyecto es hacer accesibles las capacidades universitarias para el tejido productivo y empresarial (PYMES) y para otros actores de la Red Vasca de Ciencia, Tecnología e Innovación.

Clúster de Formación Universitaria en Ciencia, Tecnología e ingeniería de Euskadi
Clúster de Formación Universitaria en Ciencia, Tecnología e ingeniería de Euskadi

Desde una serie de hojas Excel se creo una base de datos digital para visualizar las capacidades del sistema universitario vasco categorizadas en función de:

  • El tipo de capacidad: formativa (grado, posgrado, formación continua), investigadora (equipos de investigación, unidades, institutos), equipamientos (laboratorios) y de transferencias (aulas).
  • Las correspondencia con los ámbitos de al Industria 4.0: 10 categorías de primer nivel (Robótica flexibles, ciberseguridad, fabricación aditiva.) desglosados a su vez en 49 de segundo nivel.
  • El impacto en las actividades de la cadena de valor de las empresas: 7 categorías (Producción, I+D, Ventas, Administración).
Esquema de un análisis funcional de la aplicación.

Ficha de Universidades y capacidades.

Para ello, primeramente se realizó un prototipo estático de la aplicación y un análisis de las funcionalidades del buscador.

Diagrama de árbol interactivo, librería de javascript D3.

La aplicación se desarrolló con las tecnologías web HTML5, CSS, Gulp y la librería de visualización D3.js.

Ver aquí.

Euskampus Fundazioa

Prodigioso Volcán, 2018.

Transformación digital de los estudios Meaningful Brands y Connect (Havas Media Group)

Planificación de una aplicación web para visualización de datos.

Durante los años 2016 y 2017, asumo la dirección y la planificación del proyecto de transformación digital y de visualización de los estudios de marca Meaningful Brands y Connect (Havas Media Group).

El reto: crear una aplicación web de consumo interno de gráficos y visualización desde cero. La materia prima con la que contábamos eran millones de datos en formato excel.

El proyecto de visualización conduce los estudios de Havas Media Group desde unas herramientas estáticas, con visualizaciones básicas y una respuesta a la demanda muy lenta, hacia una plataforma interactiva integrada en los servidores de la compañía que permite la personalización de las peticiones en tiempo real.

 

Diagrama de flujo de la aplicación.
Diagrama de flujo de la aplicación.

 

Nuestra misión:

• Homogeneizar la entrada y salida de datos

• Mejorar el aspecto de las visualizaciones

• Simplificar la narración visual

• Conseguir una experiencia de usuario e interactividad excelentes.

Meaningful Brands

Meaningful Brands es el primer estudio que conecta el valor de una marca con su aportación al bienestar individual y social. En el contexto tecnológico actual, donde el consumidor es participativo y crítico en parte a través de canales como social media y pueden hundir una marca o derribar un gobierno, es crítico entender bien cuál es el impacto que las marcas tienen en la calidad de vida.

Por ello, a través de esta aplicación, los usuarios pueden consultar el estudio de cada país y descargarse todo tipo de informes en formato Power Point, imágenes en PDF o jpeg o guardar cada una de las consultas realizadas.

El estudio se ha realizado en más de 34 países y aglutina a más de 1.000 marcas comerciales.

Havas Media Connect

Connect es un estudio para medir y comparar los niveles de influencia y asociación que guardan las marcas de un país o región. Estos estudios sirven para hacer recomendaciones estratégicas a los clientes respeto a puntos de contacto potentes y sustentados para cada una de sus campañas

Havas Media Connect también esclarece la asociación que hace el consumidor entre los puntos de contacto y las marcas. Esto ayuda a entender si una marca tiene algún territorio mediático bien definido, y a cuantificar las oportunidades que tiene la marca en términos de inversión y desarrollo de nuevos puntos de contacto.

Connect cuenta con una amplia base de datos en la nueva aplicación que permite un entendimiento claro de la dinámica de los medios según una categoría, un país, y un target específico.

 

El reto fue crear una aplicación web de gráficos y visualización desde cero con miles de datos en formato excel.
El reto fue crear una aplicación web de gráficos y visualización desde cero con miles de datos en formato excel.

 Desde unos datos en Excel a una  aplicación web interactiva

La aplicación interactiva para web recoge toda la información correspondiente al estudio Meaningful Brands y Connect 2017 de Havas Media Group. Junto con la empresa de inteligencia de localización Abacus Consulting Technologies,  se ha realizado una optimización de la base de datos del estudio y una aplicación web con detallados gráficos interactivos sobre los cambios significativos tanto en industrias, sub-industrias y marcas.

 

Arquitectura del proyecto.
Arquitectura del proyecto.

 

 

Datos estructurados en plantillas de Excel
Datos estructurados en plantillas de Excel

Transformación de los datos en archivos CSV

Los archivos CSV (del inglés comma-separated values) son un tipo de documento en formato abierto sencillo para representar datos en forma de tabla, en las que las columnas se separan por comas (o punto y coma en donde la coma es el separador decimal: Argentina, España, Brasil…) y las filas por saltos de línea.

 

Lectura, manipulación y análisis de datos con R
Lectura, manipulación y análisis de datos con R

 

Con un fichero de texto (.csv) podemos hacer maravillas en el mundo de la analítica web. Ya que con los medios adecuados podemos consultar los números que tenemos en nuestra base de datos de forma escalable, flexible y rápida.

 

Ejemplo de datos estructurados en formato JSON.
Ejemplo de datos estructurados en formato JSON.

 

Proceso de prototipado de la aplicación

En labores de diseño y usabilidad web, realicé un prototipado personalizado de dos aplicaciones: una para Meaningful Brands y otra para Connect.

 

Primeros prototipos de la aplicación.
Primeros prototipos de la aplicación.

 

Primero se hicieron los primeros sketch o bocetos en papel de la futura aplicación y la navegación entre distintas pantallas.

 

Los wireframes son una representación estática de lo que será la plataforma web.
Los wireframes son una representación estática de lo que será la plataforma web.

 

Después elaboramos multitud de versiones de los wireframes y los mockups, que contienen información adicional en cada una de las pantallas: disposición de los botones, contenidos, llamadas a la acción, movimientos tipo dentro de la navegación entre pantallas.

En general, los wirefames y mockups permiten visualizar la línea gráfica, la estructura de la información, el contenido y avanza las funcionalidades del proyecto. Se trata de una representación estática, se entrega y aprueba en formato de imagen.

 

 

Realización de prototipos para web.
Realización de prototipos para web.

 

 

Primeros desarrollos web de la aplicación

Una vez aprobados los wireframes, se pasó a su desarrollo para web, tabletas y móviles. En esta ocasión,  el desarrollo se realizó con AngularJS, una arquitectura de trabajo realizada con el lenguaje JavaScript para el desarrollo de aplicaciones.

 

El selector principal de datos
El selector principal de datos

 

Las aplicaciones basadas en AngularJS logran mayor fluidez en experiencia de usuario ya que la comunicación entre el cliente y el servidor se realiza de manera transparente para el usuario. La sensación es que nunca abandona la página (mayor rapidez en la carga de datos).

 

El menú de visualizaciones y un ejemplo de matriz.
El menú de visualizaciones y un ejemplo de matriz.

 

Principales ventajas de AngularJS:

  • 2-Way-data-binding (vinculación de datos en dos direcciones)AngularJS esta continuamente observando los cambios que suceden tanto en la Vista, así como en el Modelo y sincroniza datos entre estos.
  • Directivas: Las directivas permiten crear nuestros propios elementos HTML y manipular el DOM.
  • Vistas y Rutas: podemos agregar un solo elemento HTML (contenedor) dentro de un solo archivo HTML, y dentro de éste poder renderizar cada página que tenga que mostrarse, sin tener que recargar la URL.
  • Filtros: Los filtros apoyan a la vista a la hora de presentar los datos realizando transformaciones sobre ellos. Tiene un mecanismo para filtrar vistas basadas en variables de ámbito scope (por ejemplo, al buscar), sin la necesidad de escribir muchos códigos extra.
  • Soporta ‘routing’ y ‘deep linking’: El routing permite la interacción con la URL del navegador. Es muy importante para la experiencia del usuario, si se están construyendo aplicaciones de una sóla página.
  • Promesas (Promises): Tiene una implementación interna de especificación Promises/A+. Promises es una alternativa popular para callbacks cuando se está trabajando con las respuestas del servidor.
  • Animación: Dispone de un programa que incluye herramientas para crear animaciones fácilmente.

Prototipos y wireframes de visualizaciones

La aplicación comenzó siendo una plataforma para visualizar datos; por ello, las visualizaciones fueron analizadas y prototipadas de forma exclusiva.

Un wireframe es una herramienta de visualización para la presentación de propuestas de diseños de una página web. El  wireframe  debe ser capaz de explicar fácilmente cómo los usuarios interactúan con el sitio web y saber si estamos en el camino correcto.

Algunas tareas que destacamos de los prototipos:

  • Creación de un libro de estilo de visualizaciones (tipografías, colores, tipos de gráficos…).
  • Estudio y realización de los wireframes de los selectores de marcas y su repercusión en las visualizaciones.
  • Estudios de las proporciones y posiciones de los elementos gráficos que componen cada visualización o la información ofrecida por las distintas descripciones emergentes o ‘tooltips’ integradas en la aplicación.

 

Wireframe de los selectores de las visualizaciones.
Wireframe de los selectores de las visualizaciones.

 

 

 

Proporciones y colores de algunos elementos gráficos.
Proporciones y colores de algunos elementos gráficos.

 

 

Una vez que las visualizaciones han sido aprobadas en formato estático por el cliente, se realiza un nuevo wireframe con las visualizaciones integradas en la aplicación web. Todo proyecto interactivo debe estar validado en formato estático antes de comenzar su desarrollo.

 

Ejemplo de visualización
Ejemplo de visualización

 

El desarrollo web de las visualizaciones

Las visualizaciones fueron desarrolladas por Beatriz Martínez experta en la librería de javascript D3, gráficos vectoriales en SVG y el lenguaje de estilos CSS.

Algunos tipos de visualizaciones que se incluyen en la plataforma
Algunos tipos de visualizaciones que se incluyen en la plataforma

D3 es una excelente herramienta escrita por Mike Bostock para desplegar datos dentro de páginas web. Algunos ejemplos de gráficos realizados:

– Gráficos de línea
– Herramientas de matrices
– Gráficos de burbujas
– Histogramas
– Rankings de barras
– Mapas de posicionamiento
– Visualizaciones de araña
– Diagramas de procesos de decisión de compra
– Tablas dinámicas de datos

 

Visualizaciones interactivas realizadas con D3
Visualizaciones interactivas realizadas con D3

Algunas ventajas de la librería D3.js

Esta librería se basa en funciones predefinidas escritas en lenguaje javaScript que mejoran la selección de elementos, permiten crear y personalizar elementos SVG y añadir efectos como transiciones o tooltips. Tiene una gran capacidad para manipular grandes volúmenes de datos y vincularlos a dichos elementos para lograr crear gráficos de gran riqueza.

  • Flexibilidad: sólo la imaginación puede limitar lo que se puede hacer con la librería
  • Buena integración y facilidad de depuración
  • Librería modular
  • Manipulación del DOM dirigida por los datos
  • Permite un gran control sobre el resultado visual final
  • Crear elementos SVG (formas, líneas, axes)
  • Facilidad para crear escalas
  • Animaciones e interacciones de última generación
  • Transiciones y efectos visuales

D3.js es una herramienta ideal tanto para gráficos sencillos de barras o líneas, hasta complejos gráficos relacionales o  visualizaciones con mapas.

 Informes en formato PowerPoint desde la aplicación

El usuario puede descargar informe específicos sobre un país en formato Microsoft Power Point. Todos los informes parten de una plantilla única. Cuando el usuario selecciona el ámbito geográfico del informe, automáticamente se genera el informe y se descarga en su ordenador.

Wireframe del módulo para exportar informes en formato PowerPoint
Wireframe del módulo para exportar informes en formato PowerPoint

 

Informe que se descarga desde la aplicación personalizado según el país escogido.
Informe que se descarga desde la aplicación personalizado según el país escogido.

 

 

También se ofrece al usuario la posibilidad de descargar el informe en formato Microsoft Excel; es decir, los números tabulados en bruto.

 

Desde la propia plataforma se pueden exportar informe en formato Excel o Power Point.
Desde la propia plataforma se pueden exportar informe en formato Excel o Power Point.

 

Descargas de imágenes

La aplicación permite, una vez seleccionada una visualización, exportarla en varios formatos o guardarla en un carrito de la compra personalizado.

Formatos de descarga de las visualizaciones seleccionadas en la web.
Formatos de descarga de las visualizaciones seleccionadas en la web.

Los formatos en los que se pueden descargar las imágenes son PNG, PPTx (Microsoft PowerPoint) y XLS (Microsoft Excel).

 

Módulo de administración de usuarios

El proyecto incluye un módulo de administración de los usuarios de la aplicación. Cada perfil de usuarios tiene sus correspondientes permisos para entrar en la aplicación.

 

El módulo de administración de usuarios y sus permisos.
El módulo de administración de usuarios y sus permisos.

 

El módulo de administración incluye las funciones básicas para gestionar una base de datos de usuarios (crear, listar, actualizar y borrar).

 

 

Los administradores pueden crear, ver, actualizar y borrar usuarios desde la plataforma.
Los administradores pueden crear, ver, actualizar y borrar usuarios desde la plataforma.

Gestión del proyecto

La gestión y comunicación del proyecto con el cliente se realizó a través de la herramienta online de colaboración Basecamp.

 

Basecamp, herramienta online para colaborar con clientes.
Basecamp, herramienta online para colaborar con clientes.

 

En cuanto a la gestión de incidencias, se realizó a través del gestor Mantis Bug Tracker.

Mantis Bug Tracker es un software que constituye una solución completa para gestionar tareas en un equipo de trabajo
Mantis Bug Tracker es un software que constituye una solución completa para gestionar tareas en un equipo de trabajo

La cara oculta de los diagramas de relaciones

Visualizing graph Data
Visualizing graph Data

Corey L. Lanun

Manning Publications Co., 2017

208 pp $44

 

El experto en visualización Corey Lanum (Boston,  EEUU) nos acerca en este libro los conceptos principales de los diagramas de relaciones a través de una serie de introducciones prácticas y elementales a tecnologías como Gephy, Netlytic, Keylines y D3.

 

Apariencia de la aplicación Gephi para generar visualizaciones de relaciones.
Apariencia de la aplicación Gephi para generar visualizaciones de relaciones.

 

Gephy, Keylines y D3 aportan tres aproximaciones distintas al mundo de los ‘networks graphs’. Gephy es un software libre y gratuito que se descarga en el ordenador y permite, junto con la herramienta de análisis Netlytic, realizar este tipo de gráficos a través de un cuadro de mandos interactivo.

 

Apariencia de una visualización realizada con la librería de Keylines.
Apariencia de una visualización realizada con la librería de Keylines.

 

Keylines es una librería de javascript especializada en conectar miles de nodos a través de líneas para establecer relaciones y estudios sobre esa red. La desilusión: es una librería de pago y, por ello, no se podrán realizar los ejercicios incluidos en el libro. No preocuparse por ello.

 

Apariencia estática de una visualización realzada con la librería de javascript D3.
Apariencia estática de una visualización realzada con la librería de javascript D3.

D3 es la librería libre y gratuita de javascript más comentada en los  últimos años en los sitios de visualización y, por tanto, sólo añadiremos que el libro le dedica el último apéndice a modo de introducción breve en sus fórmulas para trabajar con nodos.

Corey Lanun (Cambridge Intelligence) nos enseña a organizar y construir una visualización de nodos a través de ejemplos sobre seguridad e inteligencia, seguridad en la red, lucha contra el fraude o infraestructuras sociales o tecnológicas.

El lector interesado puede seguir, en la segunda parte de este manual,  los elementos básicos de una base de datos, adentrase en el mundo de la interacción con la visualización y los mapas,  jugar con el factor tiempo y conocer los principales problemas de la navegación en los gráficos de nodos.

El contenido de este libro va mucho más allá que un sencillo manual técnico. Sus páginas contienen una buena guía sobre visualización y muy buenos ejemplos y consejos. Como muestra este último botón: ‘Los mejores diseños de visualizaciones llegan a través de conocer a los usuarios y las preguntas que se deben estar haciendo con los datos’. Lo dice Corey Lanun.

 

 

 

DATA: La oportunidad del análisis y la visualización de datos

Out of Sight, Out of Mind, pitchinteractive.com

Texto publicado en UNIR Revista el 28 de enero de 2014.

Sin duda, el tratamiento de los datos se ha convertido en una poderosa herramienta en todos los frentes del mundo de la comunicación. ¿De dónde salen todos estos datos? ¿Quién está detrás de ellos? Podemos pensar que la ciencia de los datos la desarrollan increíbles mentes pensantes de los departamentos de Ingeniería y Ciencia Computacional en las más importantes compañías de tecnología. Y por un lado es así. Los ingenieros en computación, los estadísticos y los matemáticos han encontrado un nuevo continente en el desarrollo de aplicaciones que manejan millones de datos. Es lo que se conoce como ‘Big Data’. Sus trabajos no deben quedarse en el manejo de las cifras: los números hay que convertirlos en algo que se pueda consumir.

Hablamos de la visualización de los datos a través de lenguajes de programación. El principal lenguaje de programación del lado del cliente e implementado por todos los navegadores (Chrome, Safari, Explorer…) es JavaScript. Así, el desarrollo de este lenguaje en los últimos años ha disfrutado de una evolución exponencial. Cada día nacen nuevas librerías del lenguaje para tareas de lo más diversas y especializadas.

Para la visualización de datos, la librería más dinámica y estructurada para la visualización de cantidades se llama ‘Data-Driven Documents –D3–’. Estas dos letras, D3, están de moda entre las empresas que se dedican a la presentación de datos en el navegador. Buscan ‘chicos D3’: Urgente. Obviamente, se trata de un perfil tecnológico; una persona que sepa programar, que tenga un buen conocimiento de Javascript y controle los lenguajes de la World Wide Web moderna (HTML5) y sus hojas de estilo (CSS).

Sin embargo, ser un gran programador no garantiza ser un buen contador de historias. Y aquí se abre la gran oportunidad para los periodistas en cualquiera de sus ramas. Se trata de encontrar la respuesta adecuada a cuestiones a veces muy complicadas y darles una solución sencilla.

 

Ejemplo de visualización de datos:

Out of Sight, Out of Mind Pitch Interactive, Berkely, California.
Out of Sight, Out of Mind Pitch Interactive, Berkely, California.

 

Ejemplo de estadística de investigación:

 Ejemplo de estadística de investigación In Climbing Income Ladder, Location Matters The New York Times, NY, EEUU
In Climbing Income Ladder, Location Matters The New York Times, NY, EEUU

 

Todo trabajo de investigación debe comenzar por la formulación de preguntas relevantes para luego identificar, obtener y transformar los datos en algo manejable que pueda utilizarse en infografías, gráficos, visualizaciones y textos escritos.

La cultura del ciudadano está cambiando: ahora exige que las información que se aporta esté sustentada en datos. Si no se los damos, el mismo puede consultar en la red lo que están diciendo otros, y siempre tendrá más fuerza un argumento con los pies en los datos que un comentario o opinión sin ellos. Ahora, los datos y su análisis ya no son exclusivos de las grandes compañías tecnológicas como Google, eBay o Facebook: prácticamente todo tipo de industria, grande o pequeña, necesita el análisis de datos para convencer al ciudadano y mejorar el rendimiento de sus negocios.

 

Se necesitan programadores, claro, pero también gente que sepa como hacer las preguntas adecuadas, qué datos recoger, cómo tratarlos para encontrar los datos que nos sirvan, como hacer un resumen de ellos y finalmente, qué herramientas existen para presentarlos en sociedad. A veces, tendremos que echar mano de programadores especializados en visualización; otras, bastará una infografía sencilla realizada por uno mismo en Excel o Tableu.

La comunicación es un aspecto de la nueva cultura de la red que interesa a todo tipo de industria y actividad, desde educadores y estudiantes hasta agentes de publicidad. Los personas que se dedican o quieran dedicarse a la comunicación deben conocer cómo trabajar con distintos perfiles en el desarrollo de los gráficos y el análisis de datos.

Muchas veces, las empresas echan en falta la penetración de sus informe en su propia empresa o hacia el exterior. La mayoría de las veces, la causas se encuentran en la mala presentación de los conceptos, la poca o nula información visual y la gran extensión de los textos. En una sociedad sin tiempo, es imprescindible el resumen de conceptos y ofrecer una alternativa visual. Los sectores más interesados en el análisis de los números son las empresas de análisis de los consumidores (marketing, análisis social, consultoría, gobiernos), de los resultados de las máquinas (ingeniería, medicina, topografía, finanzas), de los contenidos (medios de comunicación, educación) y de la investigación (I+D, alta tecnología). Los profesionales con más proyección en la visualización de información son periodistas, documentadores, directores de arte, diseñadores y desarrolladores de páginas web que deben presentar la información de forma coherente y digerible para el usuario final. En definitiva, personas que sepan encontrar el valor en los datos para después presentarlo de forma eficaz.

Moebio: «Hay una burbuja de la visualización de la información»

En su web se define así: «Yo invento y desarrollo algoritmos, métodos de visualización, narrativas interactivas y nuevas ideas para internet. Ayudo a organizaciones en el análisis y en la comunicación estratégica de su información».

Esta entrevista la realizamos a golpe de Linkedin  durante las cuatro semanas pasadas.

Moebio no para. Madrid, París, Buenos Aires, San Francisco, Barcelona… Santiago Ortiz, en las respuestas SO, es un matemático e inventor colombiano que explora la selva del arte digital y las nuevas narrativas en el navegador. Sus explicaciones son claras y contundentes.





Sobre el estado de los datos y la información 

 J+: Ahora se habla de las bases de datos y el análisis de datos como una gran oportunidad de futuro, una apuesta segura. 

 SO: Es una enorme oportunidad; en muchos casos, el único camino (si no lo haces tú lo hará competencia). Hay un cambio cualitativo cuando se toman decisiones teniendo en cuenta (mucha) información.

No creo sin embargo que sea una apuesta segura.

Al contrario, hay mucha incertidumbre y cambiar el modelo de una empresa para que gestione mucha información es extremadamente complejo.

Existen entre otros los siguientes retos y preguntas:
 • Qué información capturar.
 • Cómo guardarla.
 • Cómo analizarla.
 • Qué decisiones tomar con base en el análisis.

 Cómo guardar (mucha) información es un reto tecnológico principalmente, los otros retos son estratégicos y requieren de mucha inteligencia y a veces de intuición.

J+: ¿Crees que las compañías saben cómo gestionar, identificar y aprovechar estas oportunidades? 

 SO: No, la mayoría de grandes compañías están empezando. Muchas compañías medianas y pequeñas ni siquiera están enteradas. Y existen muchas compañías pequeñas que de hecho nacieron siendo conscientes de la importancia de la información y por eso mejoran su capacidad de captura, almacenamiento, gestión y estrategia basada en datos día a día.

 J+: ¿Qué sectores crees que lo están haciendo mejor? 

 SO: No estoy muy seguro que haya sectores que lo estén haciendo mejor (lo que sí ocurre es que cada vez está más claro que la información es relevante en todos los sectores).

En cambio identifico tres tipologías de empresas que lo hacen muy bien:

 • Empresas grandes que nacieron con la conciencia de la importancia de los datos, está en su ADN: Google y Amazon son los dos mejores ejemplos.

 • Empresas grandes que no tienen el análisis de datos en el ADN pero lo implementaron de forma temprana y exitosa, o al menos lo están haciendo, como Walmart y algunos bancos… (Me es difícil evaluar si Facebook y Twitter pertenecen al primer o al segundo grupo)

 • Empresas pequeñas (‘startups’), un poco más recientes, en las que el análisis de datos está implícito en el servicio o producto. Algunas de estas de hecho ayudan a empresas grandes en la estrategia con el ‘big-data’. No es de extrañarse que muchas hayan sido de hechos absorbidas por grandes empresas (probablemente ese era el objetivo en muchos casos).



Sobre el proceso de visualización

 J+: He leído un artículo de Vincent Granville que habla de las diferencias entre los científicos de datos horizontes y los verticales. Tú te has declarado, al menos en Twitter, un científico horizontal, con dominio no sólo de un campo, sino que intervienes en todo el proceso, desde el análisis hasta la visualización. ¿Cómo inviertes tu tiempo de trabajo en cada fase? ¿Qué es lo más importante? 
 

 SO: 

Mencioné en Twitter que me identificaba con la idea de científico de datos horizontal, expresada en este interesante artículo:  pero precisé que soy un científico de datos horizontal superficial.

 Yo no trabajo con las herramientas tecnológicas robustas del ‘big data’ ni profundizo en algoritmos muy complejos de análisis de datos que muchas veces están diseñados para ser eficientes en casos de enormes cantidades de datos, o de datos muy diversos, o de datos que contienen muchos errores que son además difíciles de identificar. 



 Sin embargo sí toco una variedad amplia de procesos que tienen ver con la recolección de información, almacenamiento, organización, lectura, análisis y, por supuesto, visualización. 

 Visualización es mi fuerte, pero rara vez lo que visualizo son los datos que obtuve o que me entregó el cliente. Siempre es necesario al menos un procesamiento anterior que puede estar orientado simplemente a reestructurar la misma información para que quede más liviana y más fácil de leer.
Muchas veces este procesamiento puede ser complejo, y probablemente contenga un filtrado y un análisis. 



 Finalmente, pero también lo más importante: no trabajo con datos que me provee el cliente. En realidad trabajo junto con el cliente en la parte de estrategia de comunicación asociada a información. Muchas veces incluso ayudo a identificar cuáles son los datos interesantes para esta estrategia. !A veces estos datos el cliente no los tiene aún!

 Ayudo también diseñando el sistema de recolección y organización. Y en el intermedio entre esto y la visualización puede existir análisis que ayude a buscar las preguntas interesantes a las que luego la visualización puede responder. Así que visualizar es la punta del iceberg en mi trabajo. 




J+: Hay quien opina que cuantas más personas intervienen en el proceso de los datos, más difícil es mantener el objetivo y la idea inicial ya que el proceso acaba perdiéndose por el camino. ¿Es posible el trabajo en equipo sin perder la frescura de la idea original? 

SO: En equipos con personas de mentalidad transversal no ocurre esta pérdida, al contrario: hay sinergia. Por eso, aunque yo no domine las técnicas y herramientas de un científico de datos ‘de verdad’, me esfuerzo mucho por estar enterado y al menos comprenderlas, de esta forma puedo trabajar en equipo.

 Es importante que se entiendan los objetivos y la estrategia general de la organización porque, sin esto, el proyecto que resulte no responderá a los verdaderos objetivos. Para ello tengo que educarme en la realidad cultural y de negocios de la organización. Así, me interesa mucho la horizontalidad mencionada antes.

No soy un especialista. Y me gusta pensar que ayudo a añadir ‘transversalidad’ a los equipos. 






Sobre el periodismo de datos y los periodistas 

 J+: Hace poco has revisado, junto con Alberto Cairo, Jerome Cukier y Ben Jones, el libro de Andy Kirk ‘Data Visualization: a succerssul desing process», uno de los primero libros que aproxima la visualización al terreno de la narrativa informativa.

Andy habla de los «Ocho sombrero de la visualización» (el científico de datos, el programador, el diseñador…), los distintos roles de un equipo para la narrativa visual. En este equipo de trabajo se incluye la figura del periodista. ¿Crees que los periodistas son una pieza fundamental en el proceso de visualización? ¿Qué funciones podrían tener?

 SO: Sí, los periodistas son una pieza fundamental. Finalmente ellos son el ‘interface’ entre información y millones de personas; muchas veces esta información no trata sólo de una sucesión de eventos que deben ser narrados.

 Cada vez más el periodista trabaja con realidades que se expresan completa o parcialmente en datos. Por eso el periodista debe ser un poco un científico de datos horizontal superficial.

 De hecho, como Simon Rogers apunta en sus conferencias, esto no es nuevo, siempre fue así: un periodista busca, organiza y analiza información y luego busca las mejores herramientas y estrategias para comunicarlos.

Me pone de muy mal humor una columna en el que el periodista comenta y opina acerca de datos (por ejemplo acerca de un reporte de la ONU sobre educación) y no los comparte.

 El mensaje es que el lector es menos inteligente que el periodista y que la opinión que se puede formar es menos válida.

 Lo que debe hacer en cambio es, aparte de proveerme los datos, ayudarme a entenderlos mejor: señalarme los patrones, las anomalías, lo que sobra o lo que falta, permitirme explorar mejor los datos y, opcionalmente, compartir una opinión basada en un análisis, basado en los datos.

 El periodismo es una pieza fundamental y de hecho ha sido un gran dinamizador de la revolución de la información en estos últimos años.

 J+: Actualmente estás realizando trabajos para el diario The Guardian, uno de los pocos diarios europeos que ha entendido la fortaleza de la interactividad y la visualización en la red.
¿Cómo fue tu encuentro con el periodismo y qué sensaciones tienes sobre su futuro? 

 SO: He creado unos pocos proyectos para The Guardian y hace un tiempo uno para La Vanguardia sobre terremotos.

 Lo específico de estas experiencias, lo que hacen que el resultado sea ‘periodístico’, es que trabajan con información generada básicamente el mismo día en que se publica el proyecto, es el caso de una visualización sobre discursos de presidentes en toma de posesión en USA, que se publicó el día de ‘inauguración’ de Obama, o porque dan contexto a un evento recién ocurrido.

 La forma como se reciben estos proyectos es muy diferente a otros que desarrollo: las emociones están ‘calientes’ y en general los comentarios que la gente publica son muy duros. ¡Si hay un error en los datos te lo van a hacer saber muchas veces! Si hay una dificultad en la forma de interactuar también.

Y, si logras enriquecer la percepción de un evento reciente, entonces has conseguido mucho, porque ¡es esto de lo que la gente está sedienta!

Para ilustrar esto, mira este gráfico que muestra la historia de visitas a ciertos artículos de Wikipedia antes y después del terremoto terrible en Japón.

 No es tan común que un evento en sí mismo genere muchos datos, por lo tanto la visualización en periodismo tiene como objetivo brindar contexto.

Permitir comparar lo que está ocurriendo con lo que ha ocurrido y con lo que ocurre en otros lugares, por ejemplo.

Este es al menos mi contexto favorito, porque me obliga a mirar mucho más hacia atrás en el tiempo o mucho más hacia los lados en las categorías y en el espacio.



 Sobre código y su función en la sociedad

  J+: He hablado con muchos diseñadores y periodistas visuales tradicionales y muchos de ellos tienen pánico a la palabra programación. ¿Crees que es necesario que aprendan código? 

SO: Yo no creo que la mayoría de los periodistas deban aprender código (o que la mayoría de la gente en general deba).

Por un lado hay muchas herramientas (y cada vez habrá más) que permiten tratar con datos sin programar. Por otro lado, el trabajo colaborativo y multidisciplinar también resuelve esto.

 J+: También conozco programadores tienen mucho respeto a Javascript. Lo conocen pero prefieren usar las librerías de jQuery, se especializan en otros lenguajes como PHP o pasan a hacer aplicaciones nativas en Java o Objetive C. ¿Cuál es el camino para especializarse en el lenguaje del DOM? 

 SO: No tengo nada interesante que aportar aquí. A mí Javascript me va perfecto, pero entiendo que hay quien lo encuentra algo difícil. Hay librerías que, por ejemplo, te simplifican la parte gráfica (Raphaël) y hay librerías específicas para análisis y visualización de datos (D3), pero yo no uso ninguna de ellas.

 Espero que en el futuro se aclare un poco el panorama y aparezcan librerías orientadas a personas que empiezan a programar (de hecho yo estoy creando algo así para enseñar programación a mis hijos: es simplemente una serie de atajos que hacen que los comandos de graficado sean muy simples y directos).

 J+: Muy bueno lo último sobre la programación y tus hijos. Bill Gates, Bill Clinton, Mark Zuckerberg, entre otros muchos, han iniciado la propuesta «Cada estudiante en cada escuela debe tener la oportunidad de aprender código». Aprender programación, el lenguaje de la información, se está volviendo tan importante como aprender inglés. ¿Crees que las humanidades y otras disciplinas tradicionales están siendo desplazadas por la carrera tecnológica? 

 SO: Es posible que algo así esté pasando y, definitivamente, es algo que no deseo. Una sociedad excesivamente tecnócrata puedo resultar nociva, aunque en este punto nadie se pone de acuerdo porque al final cada cual opina desde sus propios deseos, motivaciones y definiciones personales de lo que es el bienestar, la riqueza o la libertad. 



 Así que esta es mi posición personal: mis hijos van a aprender a programar… pero al mismo tiempo van a tener una educación más humanística y artística que la que ofrece un colegio medio. Además vivimos lejos de la ciudad, en bastante contacto con la naturaleza. 



 Volviendo a la pregunta de si las humanidades serán desplazadas por las carreras tecnológicas, quiero señalar que la cuestión es compleja si se tiene en cuenta que de hecho ciencia y tecnología son humanidades. Lo que está ocurriendo es un gran cambio en metodologías de tratar cualquier tipo de información (médica, bancaria, humanística, corporativa, etc…), diría que es una rotación más que un desplazamiento. 





 J+: Seguramente estamos entrando en la era de la visualización. ¿cuáles son las tendendencias que crees que veremos en los próximos años? 

 

 SO: Ahora soy freelancer y estoy creando mi propia plataforma de 
estrategia, análisis y comunicación de la información.

¡Tengo bastantes dudas sobre el futuro de la visualización!

No estoy seguro de que vaya a prevalecer a menos de que haya grandes cambios ahora. Hay una burbuja de la visualización de la información, y enormes retos que todavía no se han logrado.

 Se supone que la visualización de datos ayuda a entender mejor las grandes cantidades de datos, pero esto no está ocurriendo en general (excepto en casos muy específicos, de nicho). 



 En lo personal estoy creando un nuevo modelo de trabajo en el que la visualización es sólo una parte del proceso completo.

 Porque la visualización sólo puede ser exitosa si es el último paso en una serie de procesos, que incluyen estrategia general de aprovechamiento, metodologías y tecnologías de recolección y organización, análisis, estrategias de comunicación internas y externas. Este último punto incluye la visualización. 


Síguelo en Twitter.

Data Cracks!

Recojo aquí dos de los personajes más interesantes en la escena de la interacción y los datos.
Expertos en matemáticas, combinaciones, matrices, geometría, probabilidad, análisis numéricos, lenguaje de programación e interacción humana.
Ademas son creativos; la NASA de la visualización.

Santiago Ortiz ‘MOEBIO’

Matemáticas en la Universidad de Los Andes, Colombia.
Profesor de Arte y Tecnología en la European University de Madrid.
Visualizador, inventor de algoritmos.
Proyectos web interactivos de alta innovación.
Frameworks en Javascript/HTML5.
Fundador de Bestiario.

Moebio en Twitter.
Bestiario en Twitter.

MIKE BOSTOCK

Ciencias de la Computación, Princeton University, 2000.
Profesor en Stanford University, EEUU, Ciencias Computación.
Trabaja para TNYT desde San Francisco.
Data-Driven Documents.
Creador de librería de Javascript D3 para manipular datos en el DOM.

«D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).»

mbostock en Tumblr.

Workshop, (presentación).

mbostock en Twitter.

!Gracias por visitar mi sitio! | Copyright © 1992- 2024 juantxo_cruz. Todos los derechos reservados.