(·_·)


Artículos escritos sobre "diseño" en otros sitios

Gráfico de torta (pastel) autorreferente

Enviado por Daniel Rojas el 18/09/2008 a las 5:21 PM

Gráfico de torta
La imágen superior muestra un gráfico circular (de torta, de pastel, o pie chart, depende dónde te encuentres) que más que representar datos, es la información en sí misma. A ver ahora cómo dan cuenta de lo que queda, de lo not yet eaten.

Encontrado en Dark Roasted Blend.

Relacionado: Manual para la construcción de gráficos.


Lunes negro, o más bien rojo

Enviado por Daniel Rojas el 15/09/2008 a las 4:42 PM

Lunes rojo
Ya es de tarde en Barcelona. La bolsa de Nueva York lleva unas horas abierta y finalmente se ha sumado a la debacle que esta mañana se ha extendido por toda Europa. De economía no tengo idea, pero me interesa el tema, es decir, se trata de algo importante. Trato de entender. Las notas de prensa explican detalladamente que alguien se ha declarado en bancarrota, que uno se pone a la venta para intentar salvar el pellejo sin resultados, que otro salen pidiendo urgentemente dinero y cosas así. Todo muy catastrofista.

Abrumado por cifras, nombres y vaticinios, intento entender un poco más recurriendo a las secciones de gráficos de los periódicos, pero la verdad es que eso no me ayuda. Recuerdo entonces un proyecto de visualización que tiene ya algunos años, y empiezo a recorrer viejos enlaces hasta dar con él. Map of the Market es una aplicación (SmartMoney.com), que muestra el desempeño del más de 500 empresas en el mercado de valores en una sola pantalla, implementada como un treemap. En la imagen se representan las empresas en alza en color verde fuerte, que se va oscureciendo a medida que se aproximan a un nivel de equilibrio. Cuando se trata de variaciones negativas, el color se va desplazando progresivamente hacia un rojo cada vez más intenso.

Encuentro la dirección, entro a la página y, al terminar de cargar la aplicación (Java), me recibe una pantalla saturada de rojo(*). Sigo sin entender realmente todo lo que pasa, pero el asunto no pinta nada de bien y eso me queda claro de un solo golpe de vista.

(*) Pese a todo me soprenden algunas excepciones, especialmente un verde luminoso en el centro de la imagen, en el sector Financial. Luego leo en la prensa que sobre la compra de Merryll Lynch por parte del Bank of America. Al parecer hay gente dispuesta a dar la lucha... o a sacar provecho de las circunstancias.


Seguidor de huracanes

Enviado por Daniel Rojas el 01/09/2008 a las 6:12 PM

Gustav - Hurricane Tracker
Me cuesta creer que alguien o algo que se llame Gustav pueda ser muy malo. La historia debe estar llena de ejemplos de personajes perversos con ese nombre, pero no, como que no pega. El asunto es que el huracán que se dirige ahora a Nueva Orleans se llama así y, por inofensivo que suene, más vale prevenir. De la ciudad han salido miles de personas, entre ellas mi hermana, que están a la espera de ver lo que pasa y de cuándo podrán volver. –“Sí, salí de la ciudad por el fin de semana y ahora dicen que no podemos volver” cuenta al teléfono, “…que puede ser para el miércoles, pero hay que esperar”. La medida suena más que razonable después de la traumática experiencia con Katrina en 2005 (otro nombre que más me parece de personaje de película infantil), momento en el que muchos sabían lo que venía, pero pocos reaccionaron a tiempo.

Dedicados al estudio y seguimiento de los huracanes hay numerosas instituciones, pero cuando estos son sustanciosos y potencialmente destructivos además copan las agendas de los medios informativos (como el ‘buenazo’ de Gustav). Una de las coberturas destacables, y la excusa para este post, es la del sitio web de la NBC. Particularmente porque, además de las tradicionales notas periodísticas, cuenta con una atractiva herramienta de visualización interactiva (ilustración superior) que muestra su evolución. Con el Hurricane Tracker puedes hacer seguimiento desde que son simples depresiones tropicales y su desarrollo a medida que crecen en tamaño e intensidad, mientras se desplazan sobre el mapa. Finalmente se proyecta un posible abanico de evolución, para ver si va siendo tiempo de agarrar tus maletas y partir o si ya puedes volver a casa, como los habitantes de Nueva Orleans.

A continuación incluyo una pequeña lista de recursos sobre el tema, para saber algunas cosas que, por lo menos a mi me suenan curiosas: ¿por qué se dan sólo en una temporada?, ¿cómo y quién les pone nombre?, ¿por qué parecen recorrer siempre el mismo camino?, etc:

  • Huracán en Wikipedia; para saber de clasificaciones, categorias, nomenclatura, etc.
  • National Hurricane Center (NHC-NOOA) de Estados Unidos. Institución gubernamental con numerosa información actualizada permanentemente, en ingles.
  • Temporada de Huracanes. En castellano, toma mucha información del NHC.
  • Huracanes: guía animada. Animación en BBC Mundo que explica como se forman los huracanes.
  • Huracanes, gráfico interactivo.
  • The Hurricane Software, donde puedes bajar Traking the Eye que es básicamente lo mismo que el Hurricane Tracker, pero para instalar (no lo he probado).

El Hurricane Tracker lo encontré vía el estado de un contacto en Facebook, ¿cómo se enlaza eso?

Actualización: otra buena página para el seguimiento de huracanes en tiempo real es Storm Pulse (visto en Microsiervos).


Visualización de códigos de barras

Enviado por Daniel Rojas el 01/08/2008 a las 4:35 PM

Códigos de barra
Mi primer impulso fue ir a buscar la pizza que acababa de comprar en el supermercado y ver si, ingresando el número del código de barras en el envase, podía ver un hermoso árbol de colores desarrollándose en la pantalla. Pero mejor esperé un momento y leí las instrucciones (cosa que casi nunca hago) acerca de cómo iba esto del Barcode Plantage. La idea es que ingresas el código de cualquier producto, se envía la consulta a la base de datos y esta devuelve los parámetros para definir la forma y el color de las curvas, la estructura en general del árbol y ejecutar una pequeña melodía.

El planteamiento del proyecto suena bien, pero mi idea original de intentar probarlo con cualquier código no funciona (por lo menos en línea), solo están disponibles cierto números de códigos indicados en la aplicación. Por supuesto que no esperaba, en ningún caso, que el sistema identificara mi pizza Casa Tarradellas de 4 quesos, pero que por lo menos fuera capaz de reconocer cosas generales, como el lugar de origen o el tipo de producto. A parte de esta obvia limitación, el trabajo es un muy atractivo ejercicio estético, en el que el árbol generado pretende ser la huella única y distintiva de cada producto. Lo mismo que el código, pero de una manera visual y comprensible para seres humanos.

Sobre este tema, el de la implementación visual, me parece que en ocasiones hay un problema. Pero no tiene que ver con este proyecto en particular, es más bien un fenómeno que se extiende en numerosos trabajos de visualización, y es que en ocasiones  soluciones demasiado atractivas estéticamente, atentan contra la eficiencia en la comprensión de la información. Este goce visual crea una distancia con la materia prima de origen, en casos en que sería mucho más eficiente una sencilla y honesta lista. No pretendo ensañarme con este proyecto (tampoco creo que se enteren ni que les importe), pero en algunos casos los recursos visuales excesivamente estéticos lo que logran es distraer de la información que pretenden mostrar… si ese es realmente ese es el objetivo.

La aplicación es de Daniel A. Becker y está desarrollada en Processing. Si quieres puedes comprar PDFs imprimibles de algunos de los resultados. Para saber más sobre de códigos de barras, cómo se estructuran y cómo funcionan hay una breve entrada en Wikipedia; y para ver implementaciones novedosas de códigos en productos comerciales está Bar Code Revolution y Design Barcode.

Vía Flowing Data.


Geografía económica del mundo

Enviado por Daniel Rojas el 17/07/2008 a las 6:17 PM

Geografía económica
G-Econ es un proyecto que describe la actividad económica del mundo como un elemento más de la geografía. Sobre un globo terráqueo se despliega una especie de paisaje económico, donde se refleja el grado de actividad de una zona dependiendo del alto de la columna que hay sobre ella. El mapa está dividido por una trama de 1x1 (un grado de longitud por uno de latitud), donde no se muestra la actividad económica de un país como un todo, sino que está basado en el concepto de “crecimiento del producto por celda” (GCP por sus siglas en inglés, inventado por los dueños del proyecto imagino).

Las columnas más importantes se ubican sobre los grandes centros urbanos, grandes focos de desarrollo, cuya ubicación no tiene necesariamente que ver con los límites entre países. Pese a esto llama la anteción el caso de la India (en el centro de la segunda imagen), donde el grado de actividad permite más o menos reconocer el contorno de su frontera; como si el grado de crecimiento del país, independiente de si este es mayor o menor, estuviese repartido por toda su superficie. En contrapartida, hay países cuyo distribución del crecimiento no tiene nada de homogéneo: están los que muestran una única gran columna, como por ejemplo Argentina; y los que están prácticamente divididos entre grandes zonas de desarrollo, como las costas este y oeste de EEUU o los principales centros de actividad de España (Madrid, Cataluña y Valencia).

El material disponible son principalmente animaciones tridimensionales (la imagen superior son dos pantallazos), pero además hay disponibles mapas por países (que permiten apreciar con mayor detalle cada caso particular), apartados con documentación sobre los datos y las publicaciones que se han generado asociadas al proyecto. También hay una galería de imágenes en Flickr.

El director a cargo es William Nordhaus, profesor de la Universidad de Yale, y fue encontrado vía Flowing Data.


De una visualización de redes a un mapa sobre el calentamiento global

Enviado por Daniel Rojas el 10/07/2008 a las 4:30 PM

Serendipia
Los caminos que recorres día a día, paseando por ahí o navegando por la red, en ocasiones te llevan a descubrir relaciones entre cosas que aparentemente no tienen nada en común. Algunas veces este vínculo se reduce a llevarte de un lugar a otro (cosa de lo que, al fin y al cabo, se trata navegar por la red), pero en algunos casos te permite descubrir relaciones más profundas entre asuntos aparentemente inconexos.

Entre los sitios que tengo agregados a Netvibes está Visual Complexity, una especie de comunidad dedicada al estudio y catalogación de proyectos de visualización de redes complejas (así dice en el about). Entré al sitio buscando algún modelo visual, algún proyecto, que sirviera de excusa para escribir un poco sobre herramientas de descripción de redes sociales. En esa búsqueda me topé con un proyecto de visualización de sistemas autónomos y su relación mediante patrones de acercamiento (¡¿?! topología de una red informática o eso es lo que pude deducir, nada de redes sociales), que me llamó la atención no por su nombre, sino por la solución visual implementada (1). La imagen me recordaba vivamente aquellas extrañas fotografías de animales de las profundidades del mar, esas especie de medusas luminiscentes (2) que más parecen extraterrestres. Para encontrar alguna imagen de medusas me fui a Dark Roasted Blend, un sitio de fotografías, cosas curiosas y enlaces sorprendentes, de esos que hacen más llevadera alguna tediosa tarde de trabajo. Por supuesto que obtuve lo que quería, llegué hasta una galería sobre criaturas del fondo del mar y me sorprendí de lo similares que eran las dos imágenes. Por supuesto no tienen nada que ver, pero el color y la sutileza de las formas me hizo pensar en alguna posible relación o inspiración (en el sitio del proyecto no mencionan nada al respecto).

Pero mi intención no es hablar de las representaciones gráficas y su relación con los modelos naturales, con eso hay tema para largo, demasiado largo. Resulta que estando en Dark Roasted Blend, en el enlace inmediatamente superior al de la galería de medusas, había un sugerente enlace hacia un mapa sobre el impacto del calentamiento global en los países (¿cómo no pincharlo en plena cumbre del G8?). De ahí, después de un pequeño tránsito por la noticia en el Telegraph inglés, llegué hasta la fuente original: Maplecroft.Serendipia Curiosamente, el mapa reseñado en la noticia no es fácil de encontrar (de hecho no lo pude hacer), pero en el sitio disponen de una enorme serie de datos que pueden ser visualizados geográficamente. Maplecroft Maps es una aplicación web que refleja información de distinta naturaleza sobre un planisferio. Los apartados principales de clasificación de los datos se dividen en medio ambiente, economía, política, sociedad y derechos humanos; además cada uno de ellos cuenta con numerosas subcategorías. La gracia es que no sólo se muestran los datos como distintas intensidades de color según la realidad de un país (que sería una manera de ver un poco reduccionista y simple), sino que están también disponibles unas fichas de análisis muy completas y la referencia a las fuentes de origen de la información. Desde aquí el salto al sitio de la fundación Gapminder se hace evidente, pero ya se hacía tarde y el camino demasiado largo.

¿Qué tiene que ver el comienzo con el final? Nada, excepto que son extremos del mismo pequeño recorrido, una secuencia de descubrimientos afortunados. Así entonces, navegar por la red puede entenderse como una manifestación de serendipia (A.K.A. chiripa o hacer un Homero), un concepto que descubrí en una conferencia de Juan Freire en el encuentro Cibermedios hace unas semanas... pero eso ya es otro desvío en el camino.


Cazando redes inalámbricas

Enviado por Daniel Rojas el 04/07/2008 a las 8:49 PM

Redes wifi
Ayer estaba con un amigo que necesitaba despachar correos urgentemente, unos comunicados de prensa (trabaja por una buena causa), pero cerraron el lugar donde estábamos trabajando y tuvimos que salir. Fuimos a buscar un café o un bar con WiFi para poder completar el envío, pero luego de dar unas vueltas no encontramos ninguno con una mesa disponible y conexión a Internet. Con el buen clima todo el mundo se va a las terrazas a echar la tarde, como si no hubiera otra cosa que hacer. Pensamos rápidamente en una lista de alternativas posibles, pero finalmente decidimos que el asunto podía esperar y que era mejor idea tomar una cerveza en un bar de los otros, de esos que viven ajenos a cualquier progreso tecnológico que mejore el servicio a sus clientes (¡si lo que quieren es beber!), a menos que eso sea Canal+ para ver fútbol los domingos.

Este pequeño paseo nos hizo volver a hablar sobre lo indispensable que es Internet, ninguna historia nueva. Pero contar con acceso permanente y en todo lugar se ha transformado en más que una necesidad, es casi una obsesión. Es aquí donde encuentran su nicho de mercado las empresas proveedoras de acceso, y es terreno fértil para una gran diversidad de dispositivos para utilizar esta oferta de conexión: portátiles, ultraportatiles, subportátiles, miniportátiles, consolas, iPhones, Blackberries, otros teléfonos, etc. Ahora, para aprovechar estos equipos es necesario saber dónde y cuándo se dispone de señal, para lo que hay artefactos que permiten descubrirlo rápidamente sin tener que encender el computador. Entre estos están los que pueden ser más o menos útiles, lo que entran en la categoría de lo curioso y, finalmente, los que rayan en lo absurdo. A continuación va una pequeña lista de algunos de los productos que se pueden ver por ahí (ordenados de acuerdo a como aparecen en la fotografía, de izquierda a derecha y de arriba a abajo):

  1. Detector de tercera generación (¿había dos previas?). De los que hacen eso y sólo eso, sin pretender pasar por otra cosa.
  2. Maletines. Suena útil ver la parte superior del bolso antes de decidir sacar el portátil. Varios modelos disponibles.
  3. Mochila. Este se parece al anterior, pero es la versión "hagalo usted mismo" explicado paso a paso. Claro que así como haces wifi la mochila, puedes hacer cualquier cosa. Sólo tienes que destripar un detector y meterlo dentro.
  4. Camiseta. ¿Alguien realmente se pondrá esto?
  5. Anillo. A mi me recuerda vívamente otro anillo (mi tesoro), ese que tenía la particularidad de conectarse con su dueño ahí donde estuviera, sin problemas de cobertura… ¡eso es WiFi!
  6. Llavero. Así puedes saber como está tu conexión apenas abres la puerta de casa.
  7. Prendedor. Bonito.
  8. Lápiz. (bolígrafo). Me imagino que habrá que tener cuidado si tienes el hábito de mordisquearlo.
  9. Reloj... eso, reloj. Con todo lo demás que hacen estas cosas (hora, alarma, etc.) De todos los artículos es el que tiene más cara de haber sido diseñado por Q.
  10. Zapatillas para dar tus pasos en la "dirección correcta".

Vía un montón de sitios (las fuentes en los enlaces).


Toda el agua del mundo y lo que hacemos con ella

Enviado por Daniel Rojas el 30/06/2008 a las 6:52 PM

Global water
La imagen que hay justo arriba muestra dos globos terráqueos que tienen al frente esferas que representan todo el volumen de agua que hay en el planeta, a la izquierda, y todo el aire presente en la atmósfera, a la derecha. En el caso del agua, esto incluye los mares y océanos, toda el agua dulce, todo el hielos, aguas subterráneas, nubes, etc. Todo eso forma un volumen de 1.400 millones de kilómetros cúbicos (espero no errar en la conversión de los billones anglosajones), que forman una esfera de 1.390 km de diámetro (la Luna tiene 3.476 km), y que resalta dramáticamente lo escaso que es el recurso. Como para no desperdiciar ni una gota.

El proyecto de Global Water an Air Volumen es de Adam Nieman, está disponible en el sitio de la Science Photo Library (encontrado gracias a Boing Boing).

Virtual WaterRelacionado con lo anterior recordé un proyecto enfocado a la representación visual del uso y aprovechamiento del agua, The Virtual Water Project. El trabajo consiste en un afiche de dos caras donde se representan, por un lado, la huella hídrica de los países y, por el otro, el agua virtual (*) o lo que es lo mismo que la cantidad de agua que se utiliza en la producción de bienes y servicios.

En cuanto al uso del agua virtual en la elaboración de alimentos, llama poderosamente la relación que se establece entre la producción de productos vegetales y la de ganado. Si, por ejemplo, para producir 500 g de trigo hacen falta 500 litros de agua virtual y para la misma cantidad de maíz son necesarios 450 litros; para obtener 300 g de carne de vaca se necesitan 4.500 litros de agua virtual y para un litro de leche, 1.000 de agua. Esta tendencia se repite más o menos igual en todos los productos expuestos, y deja claro cuál es la opción más eficiente en un mundo que enfrenta problemas de disponibilidad de recursos hídricos y alimentarios.

The Virtual Water Project es un trabajo del diseñador alemán Timm Kekeritz, y está basado en datos del estudio Water footprints of nations: Water use by people as a function of their consumption pattern (PDF - 434 KB) de A. Y. Hoekstra · A. K. Chapagain (visto en information aesthetics).

(*) Los conceptos de huella hídrica y agua virtual se explican bien en el sitio del Año internacional del agua dulce 2003.


Nubes de etiquetas

Enviado por Daniel Rojas el 16/06/2008 a las 6:16 PM

Nube etiquetas
Wordle es un juguete casi más bonito que útil, es una aplicación generadora de nubes de etiquetas. Funciona a partir del ingreso directo de palabras (la repetición determina el tamaño), o a través de una cuenta de del.icio.us desde donde se puede cargar la información. Wordle construye un gráfico con el contenido de los conceptos, del que se pueden modificar variables como el color, la orientación y la fuente de la tipografía. El resultado puede ser sencillo, pero sin duda algunos son visualmente muy atractivos.

Ahora, para una guía algo más sistemática de uso y estilo de nubes de etiquetas, es interesante ver los siguientes artículos (en inglés):

Visto en Sicrono.


Mapas de relaciones de poder

Enviado por Daniel Rojas el 21/05/2008 a las 7:03 PM

NNBD Mapper
NNDB Mapper es una aplicación para generar mapas de relaciones entre personas. Se trata de gran base de datos biográfica que, si bien hacen la promesa de buscar en el mundo entero (traking the entire wolrd), incluye a personas relevantes dentro de las esferas de poder. NNDB son las siglas en inglés para la Base de Datos de Nombres Notables, una lista de 32.000 personas (vivas o muertas) producida por Soylent Communications, que puede ser corregida y aumentada por los usuarios.

Por cada “notable” hay disponible una ficha biográfica con datos como historia laboral, religión, raza, orientación sexual, datos genealógicos y otros. Como lista en si misma puede ser útil, pero se vuelve realmente interesante cuando se trata de explorar visualmente los mapas de relaciones entre los personajes. Cuando se entra al mapper (requiere Flash) puedes elegir entre dos opciones: crear un nuevo mapa o buscar en la biblioteca de los ya creados. Clasificados en conceptos como negocios, política, películas, música, artes y medios, hay mapas interesantes como las relaciones entre las grandes empresas de Silicon Valley, otros divertidos como las relaciones entre los personajes de Los Simpson y otros… curiosos como la red de relaciones de Paris Hilton.

They RuleVisualmente la representación despliega una gran serie de recursos gráficos, los que permiten valorar las líneas de relaciones entre los personajes. De este modo es posible diferenciar la calidad y tipo de vínculos, lo que resulta especialmente útil dada la complejidad de relaciones que presentan algunos mapas. El proyecto es sin duda heredero de They Rule, proyecto de Josh On, que permite explorar visualmente las relaciones dentro de las esferas de poder, principalemente en Estados Unidos. NNDB Mapper puede entenderse como un paso adelante en la medida que amplía el abanico de recursos gráficos de la representación, pero en ocasiones puede resultar confuso y sobre poblado, aunque sin duda esto es una decisión del usuario. Por el contrario, el trabajo de On goza de una simpleza, casi austeridad, que mantiene como protagonista el discurso de las relaciones de poder por sobre el despliegue de recursos visuales.

Enlace en information aesthetics.

Relacionado:


1 | 2 | 3 Siguiente

Artículos recientes

Últimos comentarios

Paseante.net

Blog sobre arte, tecnología, diseño y otras cosas encontradas paseando por ahí.

Personas en línea

En estos momentos hay 3 personas visitando "Paseante"