Visualizacion de datos

128

description

Presentacion de la clase de orientacion grafica relacionada al manejo, seleccion y criterios de presentacion de datos y como se transforman en informacion

Transcript of Visualizacion de datos

Page 1: Visualizacion de datos
Page 2: Visualizacion de datos

LEV MANOVICH

Nació en Moscú, en donde estudió bellas artes y arquitectura.

Artista, teórico y crítico especialista en nuevos medios.

En sus textos, Manovich sitúa a los nuevos medios dentro de un contexto más amplio de la cultura visual moderna, relacionándolos con la historia del arte y del cine.

Manovich obtuvo una maestría en psicología experimental en la Universidad de Nueva York (1988) y un doctorado en estudios visuales y culturales en la Universidad de Rochester (1993).

Es profesor adjunto en el Departamento de Artes Visuales de la Universidad de California en San Diego en donde imparte clases teóricas y prácticas en torno a nuevos medios. Su mas reciente publicacion es The Language of New Media para la editorial MIT Press.

Page 3: Visualizacion de datos

Edward Tufte

(1942, Kansas City Misuri, EE. UU.), es profesor emérito de la Universidad de Yale, en la que dictó cursos sobre evidencia estadística y diseño de información y de interfaces

Page 4: Visualizacion de datos

Data-ink ratio: es un concepto introducido por Edward Tufte, el experto, cuyo trabajo ha contribuido significativamente a la creación de presentaciones de datos eficaces. En su libro de 1983, la representación visual de información cuantitativa

Por encima de todo mostrar los datos Tufte, 1983

Una gran parte de la tinta en un gráfico debe presentar los datos de información, la tinta cambiando a medida que cambian los datos. Datos de tinta es el núcleo no borrable de un gráfico, la tinta no redundante dispuestos en respuesta a variación en los números representados. Tufte, 1983

Tufte se refiere a los datos - tinta como la tinta no borrable utilizada para la presentación de datos. Si los datos - tinta se elimina de la imagen, el gráfico perdería el contenido.

Page 5: Visualizacion de datos
Page 6: Visualizacion de datos
Page 7: Visualizacion de datos

Desde que Descartes introdujo un sistema para cuantificar el espacio en el siglo XVII, la representación gráfica de funciones se ha convertido en la piedra angular de las matemáticas.

Page 8: Visualizacion de datos
Page 9: Visualizacion de datos

"300 años después de la fascinación de William Playfair por el poder cognitivo de la visualización de información, parece que otros muchos están, por fin, pillándolo."

"El diseño de información trabaja con información; la visualización de datos trabaja con datos."

"La práctica de la visualización de información desde sus inicios en la segunda parte del s.XVIII hasta hoy ha mantenido dos principios básicos: El primero es la reducción (...). El segundo, las variaciones espaciales."

Page 10: Visualizacion de datos

VISUALIZACIÓN:

Dato: es una representación simbólica (numérica, alfabética, algorítmica, entre otros.), un atributo o característica de una entidad. Los datos describen hechos empíricos, sucesos y entidades.

Información: Se trata de la suma de varios datos que tiene un significado completamente distinto al de cada uno de ellos visto de manera individual. Por ejemplo j, o, s, u y e son datos, josue es una información. Es un recurso invaluable dentro del desarrollo y expansión de las tecnologías.

Cuando los datos cuantificados que no son visibles en si mismos se transforman en representaciones visuales, ej: Sensores metereologicos, la conducta de la bolsa de valores, las direcciones que describen la trayactoria de un mensaje, entre otros.

Page 11: Visualizacion de datos
Page 12: Visualizacion de datos

“AFRONTÉMOSLO, LOS DATOS SON ABURRIDOS. SON UNA MEZCLA DE NUMEROS Y LETRAS QUE NO SIGNIFICAN OTRA COSA QUE VALORES EN BRUTO..”

Nathan Yau Visualize This

Page 13: Visualizacion de datos
Page 14: Visualizacion de datos

LOS DATOS SON LA REPRESENTACIÓN DE LA VIDA REAL. TE PUEDEN CONTAR UNA HISTORIA , HAY UN SIGNIFICADO, UNA BELLEZA Y UNA VERDAD.

HAY QUE DECIDIR COMO CONTAR LA HISTORIA

Nathan Yau Visualize This

Page 15: Visualizacion de datos

DECIDIR = BUSCAR PATRONES Y RELACIONES

Page 16: Visualizacion de datos
Page 17: Visualizacion de datos
Page 18: Visualizacion de datos
Page 19: Visualizacion de datos
Page 20: Visualizacion de datos
Page 21: Visualizacion de datos

DIAGRAMA DE VEEN diagramas se usan para mostrar gráficamente la agrupación de cosas elementos en conjuntos, representando cada conjunto mediante un círculo o un óvalo

Page 22: Visualizacion de datos

Nube de etiquetas Wordle.net

Page 23: Visualizacion de datos
Page 24: Visualizacion de datos
Page 25: Visualizacion de datos
Page 26: Visualizacion de datos
Page 27: Visualizacion de datos

Rene Descartes(1596-1650), Filósofo / Intelectual

creador de la geometría analítica, coordenadas cartesianas.

Page 28: Visualizacion de datos

William Playfair (1759-1823), Economista

primer economista que entiende la relación de representar información abstracta (numérica) en imágenes, mediante la disposición de estos datos en el plano cartesiano. Establece 3 formas de visualización.

The Commercial and Political Atlas (1786)

Page 29: Visualizacion de datos

1) La inflación es predominantemente una criatura del estado.

2) Daña el comercio y la economía, y conduce al ocaso de la civilización.

3) No es necesaria desde ningún punto de vista social —no cumple ninguna función social, más bien:

4) Crea ganadores ilegítimos y perdedores. Beneficia al estado y a sus aliados a expensas de los ciudadanos.

5) De esta forma prepara el terreno a la tiranía.

6) La forma de deshacerse de la tiranía es impedir al estado que intervenga en asunto monetario alguno.

Su aporte al lenguaje de la estadística fue la ordenación y presentación de la información por categorías

Nicolás D`Oresme ( 1320-1382), Matemático / Intelectual

Page 30: Visualizacion de datos

TABLAS DE DATOS: Una tabla se puede considerar como un elemento de organización de magnitudes en columnas y filas, estas magnitudes ofrecen un punto claro de comparación, se pueden registrar desde productos alimenticios, recorridos, actividades, dividendos, entre otros.

Page 31: Visualizacion de datos

TIPOS DE GRAFICOS

GRAFICOS DE TORTA: Su denominación se deriva de la similitud con un pastel o torta, sobre todo en su división por tajadas, que representan los porcentajes.

DE FIEBRE: Su nombre proviene de las graficas empleadas en los Hospitales, en las cuales se representaba la temperatura del paciente en un lapso de tiempo, el eje y representaba la temperatura y el eje x el periodo de tiempo. Su uso se ha masificado hasta ver estereotipos sobre todo de procesos industriales.

BARRAS: Su utilización es ante todo para comparaciones de corte individual, sobre Se representa solo un tipo de dato, es decir, solamente una magnitud. Es muy frecuente para generar análisis comparativos e índices enmarcados en un determinado contexto

Page 32: Visualizacion de datos

El primer uso de las graficas de fiebre de William Playfair en la presentación de las tarifas de labores semanales de 1563 a 1821

Page 33: Visualizacion de datos

El primer uso de las graficas de fiebre de William Playfair en la representación de las exportaciones e importaciones hacia y de las indias orientales entre 1700 a 1799.

Page 34: Visualizacion de datos

Grafica de barras que muestra las importaciones y exportaciones escocesas, grafico que aparece en el compendio Atlas Político y Comercial

Page 35: Visualizacion de datos
Page 36: Visualizacion de datos

Gráfico de torta que representa las estadísticas poblacionales de Estados Unidos en 1805.

Page 37: Visualizacion de datos

Charles Joseph Minard

Dijon, 27 de marzo de 1781 – Burdeos, 24 de octubre de 1870)

destacado ingeniero civil francés reconocido por su notable trabajo en el terreno de los gráficos informativos.

" carta figurativo de cantidades aproximadas de la carne de vacuno enviado por departamentos y de los consumidores en París", 1858.

Page 38: Visualizacion de datos

Gráfica sobre la campaña del Ejercito francés en Rusia 1812-1813, grafico publicado en 1869

El gráfico muestra diferentes variables en una única imagen bidimensional: • la situación y dirección de las tropas, mostrando cómo las unidades se dividen y reagrupan • la perdida de las tropas (nótese por ejemplo el paso del rio Bereziná en la retirada) • el descenso de temperaturas y cómo éste influye en las bajas

Page 39: Visualizacion de datos

Florence Nightingale(1820-1910), La dama de la lampara

Nighingale usó esta información estadística para crear su Diagrama de Área Polar, o 'coxcombs’ (cresta de gallo) como los llamó ella. Éstos fueron usados para dar un representación gráfica de las cifras de mortalidad durante la Guerra de Crimea (1854-1856). http://understandinguncertainty.org/coxcombs

Page 40: Visualizacion de datos
Page 41: Visualizacion de datos

Mapa de la epidemia de cólera / John Snow 1854

Page 42: Visualizacion de datos

ISOTYPE International System Of TYpographic Pictures for Education

Page 43: Visualizacion de datos

Otto Neurath, sociólogo austriaco

Gertz Arntz diseñador alemán

ISOTYPE

(Sistema Internacional de imágenes tipográficas para la Educación) es un método para mostrar las conexiones sociales, tecnológicas, biológicas e históricas de forma gráfica.

Fue conocido como el Método de Viena de Estadística de imagen (Methode der Wiener Bildstatistik), debido a ser desarrollado en el Gesellschafts-Wirtschaftsmuseum und in Wien (museo social y económico de Viena) entre 1925 y 1934.

El director fundador de este museo, Otto Neurath, fue el gestor y principal teórico del método de Viena. El término Isotipo se aplicó el método de alrededor de 1935.

Page 44: Visualizacion de datos
Page 45: Visualizacion de datos
Page 46: Visualizacion de datos
Page 47: Visualizacion de datos
Page 48: Visualizacion de datos
Page 49: Visualizacion de datos
Page 50: Visualizacion de datos
Page 51: Visualizacion de datos
Page 52: Visualizacion de datos
Page 53: Visualizacion de datos
Page 54: Visualizacion de datos
Page 55: Visualizacion de datos
Page 56: Visualizacion de datos
Page 57: Visualizacion de datos

NIGEL Divertida Claridad HOLMES

Page 58: Visualizacion de datos

Nigel Holmes (nace en 1942, Londres, Inglaterra).

En 1964 comienza a trabajar en Sunday Times Magazine, junto a Brian Haynes, este personaje buscaba unificar a los diseñadores y los periodistas.

posteriormente trabaja en Times Radio junto a Peter Sullivan, desde 1978 a 1994, cuando decide crear su propia compañía especializada en infografía.

Actualmente trabaja para Sports Illustrated, The New York Times, Discover, Details entre otros.

su aporte al medio es respetable al igual que sus publicaciones y conferencias sobre el mismo. Es uno de los mas grandes infografistas de la historia.

Page 59: Visualizacion de datos
Page 60: Visualizacion de datos

Grafica de Fiebre, “cuando el efectivo se va” Autor: Nigel Holmes

Page 61: Visualizacion de datos
Page 62: Visualizacion de datos

Grafica de Fiebre, “La tendencia en terror” Autor: Nigel Holmes

Page 63: Visualizacion de datos
Page 64: Visualizacion de datos
Page 65: Visualizacion de datos

Grafica de Barras, “El alza en el precio de los cigarrillos” Autor: Nigel Holmes

Page 66: Visualizacion de datos

“Fuentes de petróleo” Autor: Nigel Holmes

Page 67: Visualizacion de datos

VISUAL COMPLEXITY http://www.visualcomplexity.com/vc/

Page 68: Visualizacion de datos
Page 69: Visualizacion de datos
Page 70: Visualizacion de datos
Page 71: Visualizacion de datos

Benjamin Fry / Anemona

Page 72: Visualizacion de datos

Lisa Jevbratt http://jevbratt.com/

Page 73: Visualizacion de datos
Page 74: Visualizacion de datos

EN LA ACTUALIDAD …..

Page 75: Visualizacion de datos
Page 76: Visualizacion de datos
Page 77: Visualizacion de datos
Page 78: Visualizacion de datos
Page 79: Visualizacion de datos
Page 80: Visualizacion de datos
Page 81: Visualizacion de datos
Page 82: Visualizacion de datos
Page 83: Visualizacion de datos
Page 84: Visualizacion de datos
Page 85: Visualizacion de datos
Page 86: Visualizacion de datos

UNDERSTANDING U.S.A / Saul Wurman

Page 87: Visualizacion de datos

Su formación es de arquitecto, ha participado desde los inicios de su carrera en actividades relacionadas con la arquitectura, el diseño y con su motivación principal, hacer la información comprensible.

Su proyecto Understanding USA, de acceso libre en la red, genero toda un entusista impulso por la visualizacion de información.

Ha participado también en las conocidas guías de viajes Access, por los que ha recibido el premio Kevin Lynch, del MIT, entre otros muchos.

Actualmente es uno de los gurús de la Arquitectura de Información. Fue el fundador de las conferencias TED

SAUL WURMAN

Page 88: Visualizacion de datos

Este es el título de un libro que intenta explicar de forma infográfica los principales datos estadísticos y numéricos del país norteamericano. Editado por Richard Saul Wurman. En él colaboran algunos de los considerados como grandes ideólogos de la infografía y el diseño gráfico, como NIgel Holmes, Michael Bierut y otros, con resultados algunas veces sorprendentes, y no para bien.

Page 89: Visualizacion de datos
Page 90: Visualizacion de datos
Page 91: Visualizacion de datos
Page 92: Visualizacion de datos
Page 93: Visualizacion de datos

MAS EJEMPLOS CASOS DE ESTUDIO

Page 94: Visualizacion de datos
Page 95: Visualizacion de datos
Page 96: Visualizacion de datos
Page 97: Visualizacion de datos
Page 98: Visualizacion de datos
Page 99: Visualizacion de datos
Page 100: Visualizacion de datos

Dexter, el asesino justiciero favorito de muchos, es el protagonista de esta infografía. En ella se puede ver, entre otros datos,la manera en que les quitó la vida a cada una de sus víctimas.

Page 101: Visualizacion de datos
Page 102: Visualizacion de datos
Page 103: Visualizacion de datos
Page 104: Visualizacion de datos
Page 105: Visualizacion de datos
Page 106: Visualizacion de datos
Page 107: Visualizacion de datos
Page 108: Visualizacion de datos
Page 109: Visualizacion de datos
Page 110: Visualizacion de datos
Page 111: Visualizacion de datos
Page 112: Visualizacion de datos
Page 113: Visualizacion de datos
Page 114: Visualizacion de datos
Page 115: Visualizacion de datos
Page 116: Visualizacion de datos
Page 117: Visualizacion de datos
Page 118: Visualizacion de datos

David McCandless

"Mediante la visualización de la información, lo convertimos en un paisaje que se puede explorar con los ojos, una especie de mapa de información. Y cuando estás perdido en la información, un mapa de información es una especie de utilidad. "

http://www.davidmccandless.com/

http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html

Page 119: Visualizacion de datos
Page 120: Visualizacion de datos
Page 121: Visualizacion de datos
Page 122: Visualizacion de datos
Page 123: Visualizacion de datos
Page 124: Visualizacion de datos
Page 125: Visualizacion de datos
Page 126: Visualizacion de datos
Page 127: Visualizacion de datos

Trabajos Citados

Costa, J. (1998). La Esquemática. In J. Costa, La Esquemática, Visualizar información (pp. 103-113). Barcelona: Ediciones Paidós Ibérica, S.A.

Yau, N (2011). Visualize This: the flowing data guide to desing, visualization and statics. Wiley Publishing, Inc.

McCandless, D. (2009). Information is Beautiful. Collins

Manovich, L. Visualización de datos como nueva abstracción y antisublime

Page 128: Visualizacion de datos

DANKE ARIGATO SPASIBA MERCI

GRACIAS