Internet, diséñame un logo, por favor

Imágenes cortesía de Raquel Quevedo & DEMO.

¿Puede internet crear un logo por ti? Evidentemente sí y es justo lo que hizo un grupo de diseñadores de Barcelona. Un equipo formado por dos diseñadores gráficos y dos programadores han conseguido que sea internet quien –como si fuera una persona, claro– cree la gráfica para un ciclo de diseño. La idea surgió del concepto central del evento: la internet de las cosas, así que Raquel Quevedo y Kentaro Terajima decidieron consagrar el logo a la red y dejar que sean datos servidos desde sensores externos los que diseñen el logo.

El equipo localizó los datos que podían recopilar desde dispositivos cercanos a sus oficinas como el tráfico, la humedad y la temperatura, el número de bicis públicas disponibles o los usuarios conectados a la web del evento para que fueran las variables de un algoritmo encargado de crear la imagen final. Todos estos datos, que varían constantemente con el ir y venir de la gente, van a parar a un pequeño software hecho con Processing (Adrià Lopez) y Javascript (Joaquim Salat). Quevedo y los suyos retomaron una gráfica modular de la pasada edición y aplicaron este software para que se materializaran dependiendo de los datos obtenidos de internet. El resultado tiene una aire de diseño industrial glitch mezclado con el solitario de Windows 95 que se puede ver en diferentes aplicaciones de la gráfica final que se ha difundido.

“Lo divertido fue jugar con al repetición, modelarla, darle a cada dato un cariz especial para que nos dé un resultado interesante”, reconocía Raquel Quevedo a The Creators Project comparar el proceso con estar cocinando una gráfica. Hay que reconocer que sí tiene una parte divertida y que además cualquiera puede probar desde su web. Una versión del software está disponible en la web para que hagas pruebas con las variables. Si estás en Barcelona ¿porqué no ir a coger un bici y ver cómo cambia? Aquí están un par de diseños que hemos hecho nosotros:

La gráfica final con el logo repetido de manera sinusoidal.

Por último un ejemplo del código usado con las variables totalmente al aire:

[{"id":"2238","date_demo":"2015-02-24 15:49:17",","totalonline":"9","bikes":"13","trafic":"188","humidity":"34","temp":"15","country":"SPAIN","distance":"1.244042064","colors":"[\"F45957\",\"FC938D\",\"E9CAC5\",\"7BA34A\",\"6C8244\"]"} Ejemplo de cocina de datos: // Escalado a partir de gente Online scaled=1.5+(data5/10); //strokeWidth a partir de tráfico int strokeW =data6/100; // Posición X a partir de humedad * sinus posx=250 -(50*scaled)+ (data3 * radius)/7; // Posición Y a partir de Temperatura * cosinus de numusuarios posy=190+(data4 * Math.cos(numUsers/70)*20) ;