60
Dr. David Pinto Facultad de Ciencias de la Computación, BUAP

Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

  • Upload
    hanhan

  • View
    216

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Dr. David PintoFacultad de Ciencias de la Computación, BUAP

Page 2: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Introducción

¿Qué es la Visualización de Información (VI)?

¿Por qué es importante estudiar la VI?

¿Cómo haremos el estudio del tema?

Page 3: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

¿Qué es la Visualización de la Información?

Page 4: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

1. (visibilizar) Hacer visible artificialmente lo que no puede verse asimple vista, como con los rayos X los cuerpos ocultos, o con elmicroscopio los microbios.

2. Representar mediante imágenes ópticas fenómenos de otrocarácter; p. ej., el curso de la fiebre o los cambios de condicionesmeteorológicas mediante gráficas, los cambios de corrienteeléctrica o las oscilaciones sonoras con el oscilógrafo, etc.

3. Formar en la mente una imagen visual de un concepto abstracto.

4. Imaginar con rasgos visibles algo que no se tiene a la vista.

5. Hacer visible una imagen en un monitor.

Page 5: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Transmitir información a través de representaciones gráficas

Page 6: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 7: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Red social de la Biblia

Page 8: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 9: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

http://www.wordle.net

Page 10: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

http://processing.org

Page 11: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

http://www.healthmap.org/en/

Page 12: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

http://www.youtube.com/watch?v=vXVbxtfJBCk (IPhone Stories)

http://hci.stanford.edu/jheer/projects/vizster/

http://mbostock.github.com/protovis/

http://ivtk.sourceforge.net/

http://www.graphviz.org/

http://prefuse.org/

http://processing.org

Page 13: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Registrar –Almacenar información

Abstraer – Formar una representación visual

Analizar – Soportar el razonamiento

Confirmar –Verificar hipótesis

Comunicar –Transmitir información

Page 14: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Leonardo da Vinci1500

William Curtis1746 - 1799 Galileo Galilei

1616

Page 15: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Eadweard Muybridge(Edward James Muggeridge)

1878World record

Page 16: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Anaximander de Mileto550 B.C.

Konya, Turquía6200 B.C.

Page 17: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Halley’s wind map (1686)

Page 18: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

William Playfair (Ingeniero y economista político), fundador de los métodosgráficos de estadística

1786: Gráficos de líneas y de barras (datos de economía)

1801: El gráfico de pastel y círculo

Page 19: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

William Playfair (Ingeniero y economista político), fundador de los métodosgráficos de estadística

1786: Gráficos de líneas y de barras (datos de economía)

1801: El gráfico de pastel y círculo

Page 20: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 21: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

http://www.24hgold.com/

Page 22: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 23: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

EDGAR (Emissions Database for Global Atmospheric Research)http://edgar.jrc.ec.europa.eu/index.php

Page 24: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 25: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 26: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 27: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

1812: desastrosa campaña rusa del ejército napoleónico

La situación y dirección de lastropas, mostrando cómo lasunidades se dividen yreagrupan

La merma de las tropas(nótese por ejemplo el pasodel río Bereziná en laretirada)

El descenso de temperaturasy cómo éste influye en lasbajas

(C.J. Minard, 1869)

Page 28: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

John Snow

Demostró que el cólera eracausado por el consumo deaguas contaminadas conmaterias fecales, alcomprobar que los casos deesta enfermedad seagrupaban en las zonasdonde el agua consumidaestaba contaminada conheces, en la ciudad deLondres en el año de 1854.

Page 31: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 32: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 34: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Connectome Project2004: Harvard (Cambridge campus):

Center for Brain Science (CBS) Entender los circuitos neuronales

(fotones y neutrones)

“Light can be used to image living tissueand accommodates many spectralchannels, but special tricks have to beused to resolve structures much smallerthan the wavelength of light.”

Page 35: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 36: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 38: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

“Working memory is the ability to actively hold information in the mindneeded to do complex tasks such as reasoning, comprehension andlearning. Working memory tasks are those that require the goal-orientedactive monitoring or manipulation of information or behaviors in the faceof interfering processes and distractions.”

“La memoria de trabajo es un constructo teórico relacionado con lapsicología cognitiva que se refiere a las estructuras y procesos usadospara el almacenamiento temporal de información (memoria a cortoplazo) y la manipulación de la información.”

La memoria juega un papel importante en los procesos cognitivoshumanos, pero la memoria de trabajo es extremadamente limitada

La visualización puede servir como una ayuda externa para aumentar la memoria de trabajo!

Page 39: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Donald A. Norman es profesor emérito de ciencia cognitiva en laUniversity of California, San Diego y profesor de Ciencias de laComputación en la Northwestern University, pero hoy en día trabajaprincipalmente con la ciencia cognitiva en el dominio de la ingenieríade la usabilidad. También enseña en Stanford University.

Los primeros libros de Norman tratan principalmente de la usabilidado la psicología cognitiva, pero Things That Make Us Smart (Cosas quenos hacen Inteligentes) también realiza una cierta crítica de lanaturaleza de nuestra sociedad, en particular a Norman no le gusta lafalta de contenido de la televisión y las malas exhibiciones en losmuseos. Últimamente tiende a centrarse en lo positivo. Le gustan losproductos que disfrutamos usándolos, una característica queatribuye a poner juntas las emociones y el diseño, o mente y corazón.Ha explicado este concepto con detalle en su libro Emotional Design(Diseño Emocional).

Es promotor del concepto de information appliances (aparatos de lainformación), sobre los que ha escrito en su libro The InvisibleComputer (La Computadora Invisible).

Page 40: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 42: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,
Page 43: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

¿Que género por nivel de ingresos económicos sufre mayortrastorno a los niveles de triglicéridos por edad corte de 65años?

Page 44: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

¿Que género por nivel de ingresos económicos sufre mayortrastorno a los niveles de triglicéridos por edad corte de 65años?

Page 45: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

¿Que género por nivel de ingresos económicos sufre mayortrastorno a los niveles de triglicéridos por edad corte de 65años?

Page 46: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Nos ayuda a pensar

Reduce la carga de la memoria de trabajo

Libera la cognición

Usa el poder de la percepción humana

Page 47: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

“Visualization is really about external cognition,that is, how resources outside the mind canbe used to boost the cognitive capabilities ofthe mind.”

Stuart Card

Stuart Card is a Senior Research Fellow and the manager of the User Interface Research group

at the Palo Alto Research Center.

Page 49: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Diagrams 2012: July 2-6, 2012, Canterbury, Kent, UK. The 7th International Conference on the Theory and Application of Diagrams. TSWD2011: October 23, 2011. Telling Stories with Data: A VisWeek 2011 Workshop. http://data-stories.com/ IV2011: July, 12 – 15, 2011, London, 15th International Conference on Information Visualization. VINCI 2011: Aug 4-5, 2011, Hong Kong, 2011 Visual Information Communication - International Symposium IJWET: Aug 20, 2011 (submission) Special Issue on Visualization and Integration on the Web DAMI: Sept 01, 2011 (submission) Special Issue on Intelligent Interactive Data Visualization VAW 2011: Sep 6-8, 2011, London, UK, UKVAC Visual Analytics Workshop TAVA 2011: Sept 7, 2011, Graz, Austria. Special Track on Theory and Applications of Visual Analytics DATAVIEW 2011: Sept 14, 2011, Lugano, Switzerland. Second International Workshop on Data Visualization and Integration on the

Web ADVTEL 2011 Sept 20/21, 2011 Palermo, Italy. Workshop on Enhancing Learning with Ambient Displays and Visualization

Techniques ISVC 2011: Sept 26-28, 2011, Las Vegas, Nevada, USA. International Symposium on Visual Computing. VISSOFT 2011: Sept 29-30, 2011, Williamsburg, VA, USA. 6th IEEE International Workshop on Visualizing Software for

Understanding and Analysis LDAV 2011: Oct 23-24, 2011, Providence, RI, USA IEEE Symposium on Large-Scale Data Analysis and Visualization BioVis 2011: Oct 23-24, 2011, Providence, RI, USA IEEE Symposium on Biological Data Visualization USAB 2011: Nov 25-26, 2011, Graz, Austria, Usability Symposium - Information Quality in e-Health IEEE CG&A 2012-1 January/February 2012 CFP: IEEE CG&A Special Issue on Visualization Applications and Design Studies HICSS 45 Jan 4-7, 2012 Maui, Hawaii, Visual Analysis of Massive Data for Decision Support and Operational Management VDA 2012 Jan 22–23, 2012 Burlingame, CA, USA. Conference on Visualization and Data Analysis PacificVis 2012 Feb 28 - March 2, 2012 Songdo, Korea IEEE Pacific Visualization Symposium SENSORNETS 2012: 1st International Conference on Sensor Networks 12th (FR) International Conf on Knowledge discovery and management BELIV'10: BEyond time and errors: novel evaLuation methods for Information Visualization. Workshop at CHI2010 VISIGRAPP 2011: International Joint Conference on Computer Vision, Imaging and Computer Graphics Theory and Applications VISAPP 2011: International Conference on Computer Vision Theory and Applications IVAPP 2011: International Conference on Information Visualization Theory and Applications IMAGAPP 2011: International Conference on Imaging Theory and Applications GRAPP 2011: International Conference on Computer Graphics Theory and Applications

Page 50: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

CanadaOculus Innovative Business VisualizationVisuMap Visualizer for high dimensional data Idelix Pliable Display TechnologyNovoSpark Multidimensional Data Visualization

GermanyhumanIT Software GmbH, BonnBonaVista Systems Advanced data visualization solutions for Microsoft technology

(Sparklines, In-Cell charts, Excel Dashboards). Bissantz & Company GmbH, Nuremberg Business Intelligence software vendor with

special focus on information visualization (e.g. sparklines)

HungaryAnyAspect Visual analysis

Italymentegrafica infovis solutions

Israel Sergata Web-Based Solutions

SwedenPanopticon Visual Business Intelligence

SwitzerlandMacrofocus Interactive visualization

The NetherlandsMagnaView B.V. visualize anything - visualize everyting

UK Iokio Data Visualization Software for EveryoneKPI Management Delivery of data visualisation solutions

United States

Inxight Software Unstructured Data Management Solutions

The Hive Group Creators of Honeycomb Technology

Tableau Software Database visualization software spinoff from Stanford

Business Objects Business Intelligence Software

Perceptual Edge Stephen Few's consultancy for business data visualization

Stanfield Systems, Inc Visual Information Management Toolkit

Makai Ocean Engineering, Inc. 4D/5D Visualization Software for Applications in Oceanography and Meteorology

ADVIZOR Solutions Inc.

Visualytics: the Visual Analysis Company provides next-generation visualizationapplications for defense and commercial customers. Also has a highly configurable visualization toolkit that can be used in the creation of rich, interactive, cinematicvisualization applications.

Visual Mining visualize the enterprise

iDashboards Driving Business Decisions via web-based enterprise dashboard software.

Thinkmap, Inc. visualization software facilitates communication, learning, and discovery.

Secure Decisions visualization software for computer security.

MAYA Viz

Cognitive Systems Engineering Center

Dynamic Diagrams Visual explanation and information architecture consulting

Juice Analytics Custom web-apps for visualizing business.

Tableau Software Visual Thinking for Business Intelligence

Page 51: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

2011-02-18: Job Offer: PhD Position in Information Visualization, Linnaeus University, Sweden 2011-02-18: Job: PhD position on Sleep Quality Measurement and Visualization, Eindhoven Univ. of Tech. and

Philips Research, (Deadline: February 27) 2011-02-18: Job: Vacancies for Visiting Academics at the Department of Computer Science at the University of

Cyprus (Deadline: March 31, 2011) 2011-02-21: Job: Postdoc position in visualization/neuroscience at UCSD / UTSA 2011-03-03: Job: PhD and MSc positions at the Human-Computer Interaction Lab, University of Manitoba,

Canada 2011-03-18: Job: Assistant Professor Position in Interactive Visualization at Institut Telecom / Telecom ParisTech,

France 2011-04-01: Job: PhD position in Visual Analytics at Middlesex University, UK (UKVAC) 2011-05-16: Job: Interface Designer / InfoVis / Service Designer, IxDS Interaction Design Studios, Berlin, Germany 2011-05-16: Job: PostDoc position in Multimodal analysis and Interaction, University of Fribourg, Switzerland 2011-06-14: PhD position on Visualizing Multicore Performance, Trinity College Dublin, Ireland 2011-06-21: Job: PostDoc Position in Intelligent User Interfaces / InfoVis, University of British Columbia,

Vancouver, Canada 2011-06-28: Job: PhD Fellowship: Math-Sketching on Interactive Whiteboards 2011-06-30: Job: MSc and PhD Student Recruitment, University of Manitoba, Canada 2011-07-11: 3 Research assistants at Madeira Interactive Technologies 2011-07-11: Job: 3 Research assistants at Madeira Interactive Technologies 2011-07-15: Job: Doctoral Research Assistant Position: animated visual analytics of movement (AniMOVE),

Zurich, CH 2011-07-22: Job: PhD position on Collaborative Information Exploration, Graz University of Technology, Austria

Page 52: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Aprender principios básicos de diseño y percepción

Explorar diversos métodos de visualización

Analizar y obtener expertise en el manejo de algunasherramientas (toolkits) para visualización deinformación

Estudiar métodos de análisis de información

Implementar visualizaciones (preferentementeinteractivas) de información

Page 53: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Primera parte

Fundamentos de diseño

Percepción

Cognición

Color

Interacción

Page 54: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Segunda parte

Métodos estadísticos basados en grafos

Árboles y redes

Mapas

Datos multidimensionales

Page 55: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Tercera parte

Fundamentos del tratamiento de información

Repaso de probabilidad y estadística

Clasificación

Agrupamiento (clustering)

Recuperación de información

Page 56: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Cuarta parte

Visualización social

Visualización en la Web

Visualización en la medicina

Visualización en biología

Visualización en la artes

Page 57: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Curso exploratorio Asistencia voluntaria Estudiante motivado Estudiante participativo Estudiante comprometido

Entrega de tareas de investigación

Entrega de miniproyectos

Entrega de proyecto final

Page 58: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

Criterio de evaluación Porcentaje--------------------------- -------------Exámenes parciales 20%Tareas de investigación 15%Miniproyectos 30%Proyecto de curso 35%--------------------------- -------------Total 100%

Page 59: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

http://hci.stanford.edu/jheer/projects/vizster/

http://mbostock.github.com/protovis/

http://ivtk.sourceforge.net/

http://www.graphviz.org/

http://processing.org

http://prefuse.org/

Page 60: Visualización de la Información - cs.buap.mxdpinto/vi/1_intro.pdf · carácter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas,

David PintoLaboratorio de Recuperación de InformaciónFacultad de Ciencias de la Computación, BUAPCONTACTO: http://dpinto.cs.buap.mx; [email protected]