Mejores "Presentaciones"

Las "presentaciones" (generadas en PowerPoint o aplicaciones equivalentes) son esencialmente medios gráficos (Sería un error hacerlas exclusivamente con texto). Como tales, han de tener en cuenta las reglas generales del lenguaje visual, pero la forma de hacerla puede ser bastante diferente si el producto está destinado a acompañar una conferencia o a ser publicado en la web o como recurso autosostenido.

Reglas generales

Investigadores de las universidades de Harvard y del MIT publicaron un trabajo sobre qué hace que uno recuerde mejor un gráfico. Financiaron el estudio Google, Xerox, el Ministerio de Defensa y la Fundación Estadounidense para las Ciencias. Hicieron encuestas, ensayos, pruebas y concluyeron formulando cuatro consejos para el profesor o para cualquiera que presente datos:

1. Incluya un objeto reconocible en el gráfico: una foto, gente, caricaturas, logos, "cualquier cosa que no sea solo la visualización de datos". Esto es lo que más determina que un gráfico sea recordado.
   
2. Póngase un poco barroco ("visually dense"), no apueste por lo puramente simple [pero no recargue de texto]. Pero si tiene que presentar algo simple, póngale un cuentito, una historia.
   
3. Use muchos colores.
   
4. Hay formas de gráficos típicos: de barra, de torta, de puntos; pero son más recordables gráficos como árboles de las especies en la evolución, o de genealogías; también los diagramas de redes, como las del agua potable.

Conferencias

• Nunca escriba todo lo que pretende decir, ni siquiera un resumen. Recuerde que su "presentación" es un apoyo ilustrado de su charla. Puede escribir los principales conceptos, para destacarlos, pero ilústrelos con esquemas o imágenes.
  Un simple estadígrafo será mucho mejor memorizado con una imagen alusiva, como en el siguiente ejemplo.
  
• Tome en cuenta la dimensión de la proyección y la distancia de los espectadores (no escriba en su PC en tamaño pequeño, como si fuese un documento de texto).

Presentación autónoma

• Aquí, es indispensable asegurar que el contenido sea comprensible sin exposición anexa. Para ello, revise los consejos relativos a la producción de infografías. Creemos que el siguiente es un buen ejemplo:
  
• También debe tener en cuenta la dimensión en que aparecerá en pantalla, lo que es fácil de verificar en su propio PC. Evidentemente, puede colocar más texto, pero no debe olvidar que el texto no puede ser la razón de su publicación, sino los gráficos que incluirá.
  

(Ilustraciones del autor, excepto la de "Qué Pasa")

Diseño de iconos

La multiplicación de "apps" para equipos móviles hace conveniente revisar algunos consejos para un adecuado diseño de íconos.

El responsable del blog oficial de desarrolladores de la plataforma Android, Roman Nurik, da algunas claves sobre cómo crear iconos "perfectos" para ésta.

• Evitar las formas demasiado sencillas (redondas o cuadradas) y optar por formas complejas que le den una silueta única a sus creaciones.
• Efecto tridimensional: que una ligera perspectiva de una sensación de profundidad, con una ligera sombra.
• Complejidad: incluir efectos de bordes, degradados o texturas.*

* Este último punto es contestado por otros diseñadores, incluso por el Director de arte de Google, Christopher Betting, que publicó otra serie de recomendaciones visuales sobre cómo deben diseñarse los productos de la compañía.

VD4 Herramientas analíticas y de programación

1. WordItOut

Genera una nube de palabras de tamaño ajustado a su frecuencia a partir de una página web o pegando el texto.

 

2. NodeBox

Es una aplicación OS X para crear gráficos 2D y visualizaciones. Es necesario conocer y entender el código Python. Es una manera rápida y fácil de ajustar las variables y ver los resultados al instante.

 

3. R

Es una herramienta muy compleja, y que lleva un tiempo comprender, pero tiene una comunidad fuerte y una biblioteca de paquetes, que crece a gran velocidad. La curva de aprendizaje de R es una de la más complicadas que cualquiera de las que hemos mencionado.

 

4. Gephi

Es un visualizador gráfico Open Source basado en datos y exploración que funciona con Java. No solo permite procesar grandes conjuntos de datos y producir visualizaciones destacadas, también limpiar y ordenar los datos. Es una pieza compleja de software, lo que la ubica delante de cualquier otra herramienta en este campo.

 

5. NetDraw

NetDraw es una herramienta de análisis de redes. Permite leer relaciones múltiples entre los mismos nodos, y cambiarlas o combinarlas fácilmente. Con el programa es simple leer atributos múltiples de los nodos y usarlos para establecer colores y tamaños de los nodos (así como bordes, etiquetas, etc.).

 

6. Giraph

Apache Giraph es un sistema de procesamiento gráfico construido para una alta escalabilidad iterativa. Por ejemplo, se usa actualmente en Facebook para analizar el gráfico social formado por los usuarios y sus conexiones. Giraph es una elección natural para liberar el potencial de los conjuntos de datos estructurados en una escala masiva. Requiere Java y Maven 3.

 

7. Circos

Ofrece la posibilidad de analizar y presentar relaciones en un formato circular a partir de tablas de datos. Ha sido especialmente desarrollado para el análisis genético pero puede ser aplicado en otros casos.

---

Diseño de infografías

1. Visual.ly

Es parte de una nueva generación de herramientas con las que se pueden crear vistosas infografías. Aunque principalmente es una aplicación en línea dirigida a diseñadores, su opción Create permite elegir una plantilla y conectarla a una cuenta de Facebook o Twitter y obtener algunos gráficos de dibujos animados. Convierte también datos de Google Analytics en infografías. Si bien los resultados son limitados, es una útil fuente de inspiración.

 

2. Piktochart

Una herramienta ideal para la elaboración de atractivas infografías al instante.

 

3. Easel

Gran cantidad de plantillas para elaborar infografías en donde solo se debe modificar los datos.

VD3 Cartografía

1. Modest Maps

Es una biblioteca pequeña de cartografía, con un peso de sólo 10 KB. Esto hace que sea muy limitado en su forma básica. Este es un producto de Estambre, Bloom y MapBox, lo que la convierte en una herramienta respetable.

 

2. Leaflet

Es otro marco de asignación pequeño, diseñado para crear amigables páginas. Leaflet y Modest, son proyectos de código abierto, lo que los hace ideales para su uso en sus propios sitios.

 

3. Polymaps

Es otra biblioteca de mapeo, dirigida a una audiencia de visualización de datos. Ofrece un enfoque único para crear mapas.

 

 4. OpenLayers

Probablemente la herramienta más eficaz de todas. Ninguna otra biblioteca ofrece lo que OpenLayers.

 

5. Kartograph‘s

Su eslogan es “repensar la cartografía”, y eso es lo que sus desarrolladores ofrecen.

 

6. CartoDB

La facilidad con la que se puede combinar datos tabulares con mapas es insuperable con esta herramienta. Se puede alimentar en un archivo CSV de cadenas de direcciones y los convertirá en latitudes y longitudes. Es gratis por un máximo de cinco meses, después de eso, hay planes mensuales de precios.

 

7. Google MyMaps

Google ha reforzado esta herramienta para crear puntos personalizados y más.

VD2. Estadígrafos

2. Graficar estadísticas

1. Excel, Calc, etc.

Excel - o su equivalente en OpenOffice o LibreOffice - sigue siendo la herramienta básica y de fácil acceso. Bsta seleccionar las columnas de datos y luego el tipo de gráfico. Las hojas con los gráficos pueden ser guardadas en la nube.

 

 

2. Google Chart API

Este sitio ofrece herramientas para tablas dinámicas. Funciona en todos los navegadores que soporten SVG, VML y lona.

 

3. Datawrapper

Elabora gráfico de barras, de círculos y lineales. También puedes insertar información de Excel o OpenOffice y transformarla a gráficos.

 

4. Infogr.am

Presenta de manera dinámica y llamativa estadígrafos a partir de una planilla de cálculo o archivo CSV. Se puede usar la herramienta de forma gratuita pero la versión pro permite descargar los archivos.

 

5. Circos

Ofrece la posibilidad, en su versión online, de presentar relaciones en un formato circular a partir de una tabla de doble entrada originada en un programa como Excel.

Gráficos basados en JavaScript

1. Flot

Es una gran biblioteca JavaScript de gráficos de líneas y gráficos de barras. Funciona en todos los navegadores con HTML 5. Para versiones anteriores de HTML y navegadores, se puede emular en Flash con Flashcanvas.  Lo bueno de Flot es que da acceso a muchos a códigos y estilos de resultados. Sin embargo, esta herramienta sólo genera gráficos de línea y barras. No tiene muchas opciones.

 

2. Raphaël

Es otra gran biblioteca de JavaScript para la creación de diagramas y gráficos. La mayor diferencia con otras bibliotecas es que se centra en la salida SVG y VML. El sitio tiene muchas demo que muestran cómo usar esta herramienta. Además, tiene la capacidad de crear algunas visualizaciones muy complejas, para lo que hay que recurrir a otras herramientas vectoriales como Illustrator o Inkscape.

 

3. D3 (Data-Driven Documents)

Data-Driven Documents es otra biblioteca JavaScript que soporta renderizado SVG. Los ejemplos van desde los gráficos de barras y líneas simples, a diagramas de Voronoi mucho más complicados, mapas forestales, las agrupaciones circulares y nubes de palabras.

 

4. Crossfilter

JavaScript Crossfilter es una biblioteca que muestra los datos, pero al mismo tiempo puede restringir el rango de los mismos y ver otros gráficos vinculados a su interés.

 

5. Tangle

a biblioteca JavaScript Tangle permite describir una interacción compleja o una ecuación en una entrada, dejando al lector ajustar los valores de la misma, y ver los resultados por sí mismo, explorando los datos. Arrastrando las variables permite aumentar o disminuir sus valores y ver una gráfica que se actualiza automáticamente.

 

6. Processing

Se trata de una aplicación de escritorio en Java pero también hay un proyecto Processing.js, para que sea más fácil para los sitios web utilizar esta herramientas sin applets.

El arte de la visualización de datos

Descartes aprobó más de 100 láminas para el Discurso del Método (1637). Esas láminas implican relaciones impensadas con la mitología, los libros de óptica y la anatomía de un siglo antes. Pero, además, ayudan a entender las técnicas asociadas a la imprenta de esa época y a las formas de circulación.
Uno de los testimonios más emblemáticos del libro "René Descartes. El método de las figuras", de Pablo Chiuminatto, es una carta donde el matemático holandés Christian Huygens aconseja a Descartes sobre cómo trabajar las imágenes para seducir más al lector, en 1635, dos años antes de publicar el Método. Le escribe: "Si fuera por mí, grabaría sobre madera; las láminas en cobre dejan huellas en los bordes y vuelven confusa la página, o bien toman, en los libros, más espacio del debido. Presumo que juzgará oportuno ir al encuentro del lector insertando las figuras a lo largo de todo el texto, más que amontonar muchas figuras en una hoja, las que sería necesario ir a buscar lejos, hojeando muchas hojas a página entera; que es como el esfuerzo de aquél pájaro que trabaja agujereando los árboles y que da muchas veces vueltas, para ver si lo ha logrado...".

Con oportunidad del reciente lanzamiento de este libro (abril 2013), retomamos el tema de la visualización de datos y agregamos un par de páginas al respecto.
También acaba de aparecer un minidocumental, de PBS, acerca del mismo tema, que incluye algunas entrevistas con expertos en diversos aspectos de este complejo arte que a la vez es una importante técnica en el campo científico y el periodismo. Lo insertamos a continuación. En él, Edward Tufte (Universidad de Yale) explica por ejemplo su origen en los antiguos mapas que han guiado a nuestra civilización desde la antigüedad. Julie Steele (O’Reilly Media) explica algunos de los conceptos básicos de esta técnica, incluyendo cómo los cerebros de los seres humanos están desde tiempos inmemoriales «programados para reconocer patrones».