Una metodología para crear visualizaciones

basado en "Visualizing Data"

de Ben Fry

Metodología

• Inicio: ¿Que es la pregunta?
• Proceso de 7 pasos para desarrollar una visualización
• Resultado: Narración que da respuesta clara a la pregunta inicial

Proceso

1. obtener: conseguir los datos
2. analizar: convertirlo en formato con estructura
3. filtrar: quitar todos los datos sin interes
4. gestionar: métodos matemáticas y estatisdicas para descubrir patrones (data mining)
5. representar: aplicar diseño básico
6. refinar: mejorar visualización
7. interactuar: aplicar diseño interactivo

Nueva ciencia basada en diferentes campos

¿Que es la pregunta?

1. obtener

• buscamos datos económicos:
• de Santiago
• lo más actual posible
• archivo de los últimos años
• con licencia abierta
• http://www.ine.cl/canales/chile_estadistico/territorio/panorama_comunal/economica.htm

2. analizar

• convertir en formato de datos estandar: CSV, XML, JSON, PHP array, etc.
• crear un índice único
• con ayuda:
  • herramientas de texto: Excel, editor de texto
  • lenguajes de progragamación: python, PHP, etc.
  • complementos Firefox: Firebug, LiveHTTPHeader, Web Developer
  • librerías especializadas como simpleHtmlDOM y cURL
• al terminar este paso tenemos datos útiles que pueden ser utilizados por un programa

3. filtrar

• limitar a 2009
• limitar a Santiago
• definir mínimos y máximos

4. gestionar

• buscamos datos relevantes dentro nuestro dataset
• georeferenciamos las diferentes comunas de Santiago utilizando Google Maps Api

function getLatLng() {
   var database = exhibit.getDatabase();
   Exhibit.MapView.lookupLatLng(
       database.getSubjects("Item", "type"),
       ".address",
       "addressLatLng",
       document.getElementById("results"),
       database,
       4
   );
 }

5. representar

• elijimos un modelo básico de reprentación
• variables: información geográfica y número de desempleados
• cantidad de desempleados sobre mapa
• prototipo con Simile Exhibit y Google Maps

6. refinar

• añadimos una tabla para mostrar datos en formato numerico
• añadimos datos de años anteriores
• concepto: combinamos mapa con linea de tiempo
• técnica: OpenStreetMaps para mejor flexibilidad

7. interactuar

• mostrar información textual al seleccionar un barrio
• cambiar color del barrio seleccionado

Algunos recomendaciones

• cada proyecto tiene sus requerimientos propios
• evita satisfacer todo en un ejemplo, concentrate a una pregunta concreta
• conoce tu audiencia
• proceso no es linear: repite los pasos hasta tener un resultado satisfactorio