SlideShare une entreprise Scribd logo
1  sur  18
Télécharger pour lire hors ligne
VISUALIZING DATA
Metodología para el diseño de visualización de datos
Benjamin Fry
Mauro Villena Medina
Presentación del diseño gráfico
27 de Marzo de 2014
SOBRE EL AUTOR: ¿QUIÉN ES BENJAMIN FRY?
Benjamin Fry (Nacido en 1975)
Es un experto en visualización
de datos estadounidense,
presidente de Fathom (una
consultora de software y diseño
en Boston, MA, además de co-
desarrollador de Processing,
junto a Casey Reas.
SOBRE EL AUTOR: ¿QUÉ ES PROCESSING?
Processing constituye un lenguaje
de programación de código
abierto, y un Entorno de Desarrollo
Integrado (o IDE por sus siglas en
inglés).
Fue construido para las
comunidades de artes eletrónicas,
y de diseño visual, con el
propósito de enseñarles lo
básico de la programación
computacional en un
contexto visual.
VISUALIZACIÓN DE DATOS: ¿QUÉ ES Y PARA QUÉ SIRVE?
La visualización de datos
corresponde a un conjunto de
deciciones y medidas conforme
a una metodología, con el
fin de entregarle al usuario, o
lector, grandes volúmenes de
información con diferentes
niveles de complejidad de una
manera rápida y sencilla de
comprender e internalizar.
Por ejemplo, Akami Real-time Web
Monitor
Muestra un mapa del mundo con
información en tiempo real sobre
el tráfico de internet, latencia y
actuales ataques de red.
Los mapas son codificados por
color para faculitar su lectura,
pero sólo entregan informacion
generalizada.
Otro ejemplo es Visualizing The
Bible, que ofrece una visión de
conjunto de más de 63.000
referencias cruzadas dentro de la
Biblia, permitiendo tener una vista
general.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS
Benjamin Fry propone un método
que consta de siete etapas que
van desde la recolección de datos,
hasta el usuario interactuando con
estos. La secuencia se presenta a
continuación.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS
Benjamin Fry propone un método
que consta de siete etapas que
van desde la recolección de datos,
hasta el usuario interactuando con
estos. La secuencia se presenta a
continuación.
Dependiendo de los requerimientos,
y de los resultados de cada paso,
puede o no ser necesario regresar
a pasos anteriores para modificar
ciertas decisiones.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
El ejemplo propuesto, plantea
mostrar gráficamente la relación
entre el sistema de código postal
estadounidense, y las áreas
geográficas a las que corresponde
su numeración.
PASO UNO: ADQUIRIR
DATOS
Para este paso, lo principal es
tener una fuente confiable, en
este caso, la siguiente lista fue
encontrada en el sitio web de
la Oficina de Censo de EE.UU.
El cual ofrece un listado de
aproximadamente 42.000 líneas,
una para cada código.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
PASO DOS: ANALIZAR
En este paso, la información
recopilada se ordena en estructuras,
de modo que los datos adquiridos
comiencen a adquirir una estructura.
En este ejemplo, el paso dos
consiste en indexar la información
obtenida, enumerarla, y asociarla a
una etiqueta.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
PASO TRES: FILTRAR
Este paso consiste en eliminar los
antecedentes innecesarios.
En el ejemplo, se tomarán en
cuenta sólo los 48 estados
continuos, removiendo los datos
correspondientes a territorios como
Alaska, Hawaii y Puerto Rico.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
PASO CUATRO: EXTRAER
Este paso involucra matemáticas,
estadística y minería de la
información.
En este ejemplo, los datos reciben
un tratamiento simple: El programa
descifra los valores mínimos y
máximos para latitud y longitud
mediante la ejecución de los
datos, de modo que puedan ser
presentados en pantalla a una
escala apropiada.
PASO CINCO: REPRESENTAR
Este paso determina la forma
básica que tomará el conjunto de
datos.
Este paso es una pieza clave
que conforma la decisión más
importante en un proyecto de
visualización, y puede hacer
necesario el replanteamiento de
los primeros pasos. Cómo eliges
representar los datos puede influir
en el primer paso (Los dato que
recolectas) y en el tercer paso (Las
piezas en particular que extraes)
En este caso, ya que cada código
postal tiene un valor de latitud y
longitud, serán ubicados en un
plano bidimensional, con un inicio y
fin definidos por los valores mínimos
y máximos de latitud y longitud.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
PASO SEIS: REFINAR
En este paso se aplican métodos
de diseño gráfico para fomentar
la claridad de la representación,
aumentando la atención sobre
datos particulares (estableciendo
jerarquías), o modificando atributos
(como el color) para contribuir a la
legibilidad.
En este ejemplo, se pintó el fondo
negro, y todos los códigos postales
iniciados en “4” se muestran en
blanco, mientras que los demás (no
seleccionados) se muestran en un
amarillo medio.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
PASO SIETE: INTERACTUAR
En esta etapa se añade interacción,
permitiendo al usuario controlar o
explorar los datos, esto puede ser
cambiando el punto de vista, u
otras características.
En el ejemplo, el usuario puede
seleccionar todos los códigos
postales que comiencen con
determinado número, con tan sólo
tipearlo. A continuación se muestran
dos ejemplos: con el número cero,
y con el nueve, respectivamente.
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
EN CONCLUSIÓN
¿DE QUÉ MANERA PUEDE EL DISEÑO GRÁFICO
ALTERAR LA INTENCIONALIDAD DE UNA VISUALIZACIÓN,
SI LOS DATOS DUROS NO CAMBIAN?
Visualizing Data: Metodología para el diseño de visualización de datos.

Contenu connexe

En vedette

Rol de docentes ante las tics
Rol de docentes ante las ticsRol de docentes ante las tics
Rol de docentes ante las tics
Daiaybenja
 
La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...
La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...
La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...
utejacque
 
Alejandro sotillo ensayo
Alejandro sotillo   ensayoAlejandro sotillo   ensayo
Alejandro sotillo ensayo
aesotillo
 
Foro de cooperación económica asia
Foro de cooperación económica asiaForo de cooperación económica asia
Foro de cooperación económica asia
Mirella Lopez
 
Presentación sommer festen
Presentación sommer festenPresentación sommer festen
Presentación sommer festen
isaleguic
 
Historia del pansamiento
Historia del pansamientoHistoria del pansamiento
Historia del pansamiento
graaabiel
 
La guerra civil española
La guerra civil españolaLa guerra civil española
La guerra civil española
Alex García
 
Shirley samayoa evaluación 1 unidad
Shirley samayoa evaluación 1 unidadShirley samayoa evaluación 1 unidad
Shirley samayoa evaluación 1 unidad
shir_arllete
 

En vedette (20)

Señales
SeñalesSeñales
Señales
 
Rol de docentes ante las tics
Rol de docentes ante las ticsRol de docentes ante las tics
Rol de docentes ante las tics
 
Juanes molina
Juanes molinaJuanes molina
Juanes molina
 
La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...
La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...
La estrategia en los emprendimientos sociales; 2. la cultura organizacional e...
 
Alejandro sotillo ensayo
Alejandro sotillo   ensayoAlejandro sotillo   ensayo
Alejandro sotillo ensayo
 
Foro de cooperación económica asia
Foro de cooperación económica asiaForo de cooperación económica asia
Foro de cooperación económica asia
 
Terminos agrarios (1)
Terminos agrarios (1)Terminos agrarios (1)
Terminos agrarios (1)
 
Presentación sommer festen
Presentación sommer festenPresentación sommer festen
Presentación sommer festen
 
Bangladesh
BangladeshBangladesh
Bangladesh
 
Aloabalorio - Atelier Alicante
Aloabalorio - Atelier AlicanteAloabalorio - Atelier Alicante
Aloabalorio - Atelier Alicante
 
tics
tics tics
tics
 
UGG ADVERTISING CAMPAIGN
UGG ADVERTISING CAMPAIGNUGG ADVERTISING CAMPAIGN
UGG ADVERTISING CAMPAIGN
 
Historia del pansamiento
Historia del pansamientoHistoria del pansamiento
Historia del pansamiento
 
La guerra civil española
La guerra civil españolaLa guerra civil española
La guerra civil española
 
Shirley samayoa evaluación 1 unidad
Shirley samayoa evaluación 1 unidadShirley samayoa evaluación 1 unidad
Shirley samayoa evaluación 1 unidad
 
2015 Domingo XVll T.O.
2015 Domingo XVll T.O.2015 Domingo XVll T.O.
2015 Domingo XVll T.O.
 
Auswirkungen des Tourismus auf die Wirtschaft am Beispiel der Ferienwelt Wint...
Auswirkungen des Tourismusauf die Wirtschaft am Beispiel der Ferienwelt Wint...Auswirkungen des Tourismusauf die Wirtschaft am Beispiel der Ferienwelt Wint...
Auswirkungen des Tourismus auf die Wirtschaft am Beispiel der Ferienwelt Wint...
 
Business Plan Jetpong
Business Plan JetpongBusiness Plan Jetpong
Business Plan Jetpong
 
Temario matematica p2015
Temario matematica p2015Temario matematica p2015
Temario matematica p2015
 
Semana17
Semana17Semana17
Semana17
 

Similaire à Visualizing Data: Metodología para el diseño de visualización de datos.

Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1
Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1
Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1
Volar con Juan Salvador Gaviota
 
Copia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruzCopia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruz
joseluislopz34
 
Manejo de sistemas gestores de bases de datos
Manejo de sistemas gestores de bases de datosManejo de sistemas gestores de bases de datos
Manejo de sistemas gestores de bases de datos
alfonsobeas
 
Bases de datos access 2010 mateo
Bases de datos access 2010 mateoBases de datos access 2010 mateo
Bases de datos access 2010 mateo
Mateo Torres
 
Bases de datos access 2010 mateo
Bases de datos access 2010 mateoBases de datos access 2010 mateo
Bases de datos access 2010 mateo
Mateo Torres
 
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdfSemana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
romaldonolascorojas1
 
Herramientas de análisis de datos
Herramientas de análisis de datos  Herramientas de análisis de datos
Herramientas de análisis de datos
Paula Diaz
 

Similaire à Visualizing Data: Metodología para el diseño de visualización de datos. (20)

Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1
Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1
Diseño de salidas de sistema.unidad 2. mayorga ruiz santos_vallejo_zarate. g1
 
Copia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruzCopia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruz
 
Copia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruzCopia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruz
 
Copia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruzCopia de colegio bachilleres del estado de veracruz
Copia de colegio bachilleres del estado de veracruz
 
Tableau public (1)
Tableau public (1)Tableau public (1)
Tableau public (1)
 
Base de datos mateo
Base de datos mateoBase de datos mateo
Base de datos mateo
 
attachment_0_270423073856.pptx
attachment_0_270423073856.pptxattachment_0_270423073856.pptx
attachment_0_270423073856.pptx
 
Paradigmas de ingenieria del software
Paradigmas de ingenieria del softwareParadigmas de ingenieria del software
Paradigmas de ingenieria del software
 
Icontec
IcontecIcontec
Icontec
 
Icontec
IcontecIcontec
Icontec
 
Manejo de sistemas gestores de bases de datos
Manejo de sistemas gestores de bases de datosManejo de sistemas gestores de bases de datos
Manejo de sistemas gestores de bases de datos
 
pruba de "sdf"
pruba de "sdf"pruba de "sdf"
pruba de "sdf"
 
Bases de datos access 2010 mateo
Bases de datos access 2010 mateoBases de datos access 2010 mateo
Bases de datos access 2010 mateo
 
Bases de datos access 2010 mateo
Bases de datos access 2010 mateoBases de datos access 2010 mateo
Bases de datos access 2010 mateo
 
Trabajo de empresa
Trabajo de empresaTrabajo de empresa
Trabajo de empresa
 
Diseño de salidas para sistemas de información
Diseño de salidas para sistemas de informaciónDiseño de salidas para sistemas de información
Diseño de salidas para sistemas de información
 
Presentación de Estadística 1
Presentación de Estadística 1Presentación de Estadística 1
Presentación de Estadística 1
 
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdfSemana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
Semana 3 - Bases de Datos Avanzadas - Big Data - Sesion 3.pdf
 
Herramientas de análisis de datos
Herramientas de análisis de datos  Herramientas de análisis de datos
Herramientas de análisis de datos
 
Base de datos mateo
Base de datos mateoBase de datos mateo
Base de datos mateo
 

Plus de tetravik

Presentación
PresentaciónPresentación
Presentación
tetravik
 
Propuesta 222
Propuesta 222Propuesta 222
Propuesta 222
tetravik
 
Storyboard1
Storyboard1Storyboard1
Storyboard1
tetravik
 
Wireframe 1
Wireframe 1Wireframe 1
Wireframe 1
tetravik
 
Maqueta Web
Maqueta WebMaqueta Web
Maqueta Web
tetravik
 
Presentación 2
Presentación 2Presentación 2
Presentación 2
tetravik
 
Primera propuesta edición 60 años
Primera propuesta edición 60 añosPrimera propuesta edición 60 años
Primera propuesta edición 60 años
tetravik
 

Plus de tetravik (7)

Presentación
PresentaciónPresentación
Presentación
 
Propuesta 222
Propuesta 222Propuesta 222
Propuesta 222
 
Storyboard1
Storyboard1Storyboard1
Storyboard1
 
Wireframe 1
Wireframe 1Wireframe 1
Wireframe 1
 
Maqueta Web
Maqueta WebMaqueta Web
Maqueta Web
 
Presentación 2
Presentación 2Presentación 2
Presentación 2
 
Primera propuesta edición 60 años
Primera propuesta edición 60 añosPrimera propuesta edición 60 años
Primera propuesta edición 60 años
 

Dernier

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 

Dernier (20)

Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 

Visualizing Data: Metodología para el diseño de visualización de datos.

  • 1. VISUALIZING DATA Metodología para el diseño de visualización de datos Benjamin Fry Mauro Villena Medina Presentación del diseño gráfico 27 de Marzo de 2014
  • 2. SOBRE EL AUTOR: ¿QUIÉN ES BENJAMIN FRY? Benjamin Fry (Nacido en 1975) Es un experto en visualización de datos estadounidense, presidente de Fathom (una consultora de software y diseño en Boston, MA, además de co- desarrollador de Processing, junto a Casey Reas.
  • 3. SOBRE EL AUTOR: ¿QUÉ ES PROCESSING? Processing constituye un lenguaje de programación de código abierto, y un Entorno de Desarrollo Integrado (o IDE por sus siglas en inglés). Fue construido para las comunidades de artes eletrónicas, y de diseño visual, con el propósito de enseñarles lo básico de la programación computacional en un contexto visual.
  • 4. VISUALIZACIÓN DE DATOS: ¿QUÉ ES Y PARA QUÉ SIRVE? La visualización de datos corresponde a un conjunto de deciciones y medidas conforme a una metodología, con el fin de entregarle al usuario, o lector, grandes volúmenes de información con diferentes niveles de complejidad de una manera rápida y sencilla de comprender e internalizar. Por ejemplo, Akami Real-time Web Monitor Muestra un mapa del mundo con información en tiempo real sobre el tráfico de internet, latencia y actuales ataques de red. Los mapas son codificados por color para faculitar su lectura, pero sólo entregan informacion generalizada. Otro ejemplo es Visualizing The Bible, que ofrece una visión de conjunto de más de 63.000 referencias cruzadas dentro de la Biblia, permitiendo tener una vista general.
  • 5. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS Benjamin Fry propone un método que consta de siete etapas que van desde la recolección de datos, hasta el usuario interactuando con estos. La secuencia se presenta a continuación.
  • 6. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS Benjamin Fry propone un método que consta de siete etapas que van desde la recolección de datos, hasta el usuario interactuando con estos. La secuencia se presenta a continuación. Dependiendo de los requerimientos, y de los resultados de cada paso, puede o no ser necesario regresar a pasos anteriores para modificar ciertas decisiones.
  • 7. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO El ejemplo propuesto, plantea mostrar gráficamente la relación entre el sistema de código postal estadounidense, y las áreas geográficas a las que corresponde su numeración. PASO UNO: ADQUIRIR DATOS Para este paso, lo principal es tener una fuente confiable, en este caso, la siguiente lista fue encontrada en el sitio web de la Oficina de Censo de EE.UU. El cual ofrece un listado de aproximadamente 42.000 líneas, una para cada código.
  • 8. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO PASO DOS: ANALIZAR En este paso, la información recopilada se ordena en estructuras, de modo que los datos adquiridos comiencen a adquirir una estructura. En este ejemplo, el paso dos consiste en indexar la información obtenida, enumerarla, y asociarla a una etiqueta.
  • 9. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO PASO TRES: FILTRAR Este paso consiste en eliminar los antecedentes innecesarios. En el ejemplo, se tomarán en cuenta sólo los 48 estados continuos, removiendo los datos correspondientes a territorios como Alaska, Hawaii y Puerto Rico.
  • 10. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO PASO CUATRO: EXTRAER Este paso involucra matemáticas, estadística y minería de la información. En este ejemplo, los datos reciben un tratamiento simple: El programa descifra los valores mínimos y máximos para latitud y longitud mediante la ejecución de los datos, de modo que puedan ser presentados en pantalla a una escala apropiada.
  • 11. PASO CINCO: REPRESENTAR Este paso determina la forma básica que tomará el conjunto de datos. Este paso es una pieza clave que conforma la decisión más importante en un proyecto de visualización, y puede hacer necesario el replanteamiento de los primeros pasos. Cómo eliges representar los datos puede influir en el primer paso (Los dato que recolectas) y en el tercer paso (Las piezas en particular que extraes) En este caso, ya que cada código postal tiene un valor de latitud y longitud, serán ubicados en un plano bidimensional, con un inicio y fin definidos por los valores mínimos y máximos de latitud y longitud. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
  • 12. PASO SEIS: REFINAR En este paso se aplican métodos de diseño gráfico para fomentar la claridad de la representación, aumentando la atención sobre datos particulares (estableciendo jerarquías), o modificando atributos (como el color) para contribuir a la legibilidad. En este ejemplo, se pintó el fondo negro, y todos los códigos postales iniciados en “4” se muestran en blanco, mientras que los demás (no seleccionados) se muestran en un amarillo medio. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
  • 13. PASO SIETE: INTERACTUAR En esta etapa se añade interacción, permitiendo al usuario controlar o explorar los datos, esto puede ser cambiando el punto de vista, u otras características. En el ejemplo, el usuario puede seleccionar todos los códigos postales que comiencen con determinado número, con tan sólo tipearlo. A continuación se muestran dos ejemplos: con el número cero, y con el nueve, respectivamente. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
  • 14. VISUALIZACIÓN DE DATOS: METODOLOGÍA DE SIETE ETAPAS, EJEMPLO
  • 15.
  • 17. ¿DE QUÉ MANERA PUEDE EL DISEÑO GRÁFICO ALTERAR LA INTENCIONALIDAD DE UNA VISUALIZACIÓN, SI LOS DATOS DUROS NO CAMBIAN?