construyendo un panel de visualización de indicadores clave
DESCRIPTION
Taller práctico "Construyendo un panel de visualización de indicadores clave" como tercer paso a la capacitación de una organización para la explotación de los datos para aumentar la inteligencia de negocios.TRANSCRIPT
![Page 1: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/1.jpg)
El proceso de análisis y explotación de datos en proyectos de Business
IntelligenceMódulo 03: Construyendo un panel de visualización de
indicadores clave
Alex Rayón [email protected]
Octubre, 2014
![Page 2: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/2.jpg)
“Perfection is achieved not when there is nothing more to add, but when there is nothing
left to take away”
Antoine de Saint-Exupery
![Page 3: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/3.jpg)
Narrativa
+
Diseño
+
Estadística
![Page 4: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/4.jpg)
“[...] people almost universally use story narratives to represent, reason about, and make
sense of contexts involving multiple interacting agents, using motivations and goals to explain
both observed and possible future actions. With regard to learning analytics, I’m seeing this as how
it can contribute to the retrospective understanding and sharing of what transpired
within the operational contexts”
[Zachary2013]
![Page 5: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/5.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 6: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/6.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 7: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/7.jpg)
Introducción
● Peligro de perderse con los datoso Irrelevante para la tarea que se tiene entre manoso Procesado de una manera inapropiadao Presentado de una manera inapropiada
Source: http://www.planetminecraft.com/server/padlens-maze/
![Page 8: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/8.jpg)
Introducción (II)
![Page 9: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/9.jpg)
Introducción (III)
● Los buenos gráficos…o Señalan relaciones, tendencias o patroneso Exploran datos para inferir nuevo conocimientoo Hace fácil de entender un concepto, idea o hechoo Permite observar una realidad desde diferentes
puntos de vistao Permite recordar una idea
![Page 10: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/10.jpg)
Introducción (IV)
● Es una forma de expresióno Como las matemática, la música, la pintura o la
escritura
o En consecuencia, tiene una serie de reglas que respetar
Source: http://powerlisting.wikia.com/wiki/Mathematics_Manipulation
![Page 11: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/11.jpg)
Introducción (V)
A center of excellence
![Page 12: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/12.jpg)
IntroducciónBeneficios
1) Procesamiento eficiente de información
![Page 13: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/13.jpg)
IntroducciónBeneficios (II)
2) Relaciones y patrones entre actividades de negocio y operaciones
Fuente: http://www.mediameasurement.com/my-my-a-smoky-eyed-surprise/
![Page 14: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/14.jpg)
IntroducciónBeneficios (III)
3) Identificar y actuar en tendencias emergentes cuanto antes
Fuente: http://www.propertyweek.com/emerging-trends-sustainability-given-the-green-light/5065937.article
![Page 15: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/15.jpg)
IntroducciónBeneficios (IV)
4) Manipular e interactuar directamente con datos
Fuente: http://blog.visual.ly/interaction-design-for-data-visualizations/
![Page 16: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/16.jpg)
IntroducciónBeneficios (V)
5) Fortalecer un nuevo lenguaje de negocio
Fuente: http://www.qualia.hr/businessq/visualize/
![Page 17: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/17.jpg)
IntroducciónPopularidad
Information is beautiful
Fuente: http://www.informationisbeautiful.net/visualizations/the-microbescope/
![Page 18: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/18.jpg)
IntroducciónPopularidad (II)
Vox
Fuente: http://www.vox.com/2014/10/18/6995441/map-greatest-threat-country
![Page 19: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/19.jpg)
IntroducciónPopularidad (III)
Politikon: Kiko Llaneras
Fuente: http://politikon.es/2014/01/30/personas-datos-gimnasios-y-patrones/
![Page 20: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/20.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 21: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/21.jpg)
Historia visualizaciónIntroducción
Siglo XVIII Siglo XIX Siglo XX
Joseph PriestleyWilliam Playfair
John SnowCharles J. Minard
F. Nightingale
Jacques BertinJohn Tukey
Edward TufteLeland Wilkinson
![Page 22: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/22.jpg)
Historia visualizaciónSiglo XVIII: Joseph Priestley
Source: http://en.wikipedia.org/wiki/A_New_Chart_of_History#mediaviewer/File:A_New_Chart_of_History_color.jpg
![Page 23: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/23.jpg)
Historia visualizaciónSiglo XVIII: Joseph Priestley (II)
● Lectures on History and General Policy (1788)o A Chart of Biography (1765)
o A New Chart of History (1769)
● Preciosas metáforas de una dimensión imprecisa y abstracta (tiempo) trasladada a una concreta (espacio)
o Pensamiento temporal consume recursos cognitivos
![Page 24: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/24.jpg)
Historia visualizaciónSiglo XVIII: William Playfair
Source: http://en.wikipedia.org/wiki/William_Playfair
![Page 25: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/25.jpg)
Historia visualizaciónSiglo XIX: John Snow
Source: http://en.wikipedia.org/wiki/1854_Broad_Street_cholera_outbreak
![Page 26: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/26.jpg)
Historia visualizaciónSiglo XIX: Charles J. Minard
Source: http://en.wikipedia.org/wiki/Charles_Joseph_Minard
![Page 27: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/27.jpg)
Historia visualizaciónSiglo XIX: Florence Nightingale
Source: http://en.wikipedia.org/wiki/Florence_Nightingale
![Page 28: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/28.jpg)
Historia visualizaciónSiglo XX: Jacques Bertin
Source: http://www.amazon.com/Semiology-Graphics-Diagrams-Networks-Maps/dp/1589482611
![Page 29: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/29.jpg)
Historia visualizaciónSiglo XX: John W. Tukey
Source: http://books.google.es/books/about/Exploratory_Data_Analysis.html?id=UT9dAAAAIAAJ&redir_esc=y
![Page 30: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/30.jpg)
Historia visualizaciónSiglo XX: Edward R. Tufte
Source: http://www.edwardtufte.com/tufte/books_vdqi
![Page 31: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/31.jpg)
Historia visualizaciónSiglo XX: Leland Wilkinson
Source: http://www.amazon.com/Grammar-Graphics-Statistics-Computing/dp/0387245448
![Page 32: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/32.jpg)
Historia visualizaciónSiglo XX: Leland Wilkinson (II)
Source: http://www.amazon.com/Grammar-Graphics-Statistics-Computing/dp/0387245448
![Page 33: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/33.jpg)
Aplicaciones para Tenzing
Actividad BI.03.1. Dimensiones de datos
● Elegir 4 ó 5 dimensiones de datos para su visualización
● Pensar en todas sus implicacioneso Facilidad de actualización
o Mejor herramienta para visualizar
o ….
![Page 34: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/34.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 35: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/35.jpg)
ConceptosIntroducción
● Visualización de datos● Visualización de información● Geovisualización● Visual Analytics● Diseño de información● Infografías
![Page 36: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/36.jpg)
ConceptosIntroducción (II)
● Herramientas cognitivaso Extienden el aprendizaje y la percepción humanao Fueron inventadas y desarrolladas por nuestros
antepasados para darle sentido al mundo y actuar de manera más efectiva en él Historias que enseñaron a las personas a recordar
cosas haciendo el conocimiento más interesante Metáforas que permitieron a las persona entender
una cosa analizándola en términos de otra Oposiciones binarias como bueno/malo que
ayudaron a las personas a organizar y categorizar conocimiento
![Page 37: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/37.jpg)
ConceptosIntroducción (III)
Source: http://ierg.net/about/briefguide.html#cogtools
![Page 38: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/38.jpg)
ConceptosIntroducción (IV)
Source:http://en.wikipedia.org/wiki/Cognitive_ergonomics
![Page 39: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/39.jpg)
ConceptosVisualización de datos
El uso de representaciones visuales e interactivas sobre
ordenador de elementos abstractos para ampliar y
mejorar el procesamiento cognitivo
[Card1999]
![Page 40: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/40.jpg)
ConceptosVisualización de información
● También conocido como InfoVis● Se centra en la visualización de datos
abstractos no-físicos como datos financieros, información de negocio, colecciones de documentos y conceptos abstractos
● Sin embargo, limita mucho el soporte a la toma de decisiones [AmarStasko2004]o Características limitadaso Representaciones predeterminadaso Rechazo al determinismo en la toma de decisiones
![Page 41: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/41.jpg)
ConceptosGeovisualización
● Los datos geo-espaciales describen objetos o fenómenos que están asociados a una localización específica en el mundo real
Source: http://www.boostlabs.com/why-geovisualization-geographic-visualization-works/
![Page 42: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/42.jpg)
ConceptosVisual Analytics
The science of analyticalreasoning facilitated by
interactive visual interfaces
[ThomasCook2005]
![Page 43: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/43.jpg)
ConceptosVisual Analytics (II)
[Keim2006]
![Page 44: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/44.jpg)
ConceptosVisual Analytics (III)
“Visual analytics is more than just visualization and can rather be seen as an integrated approach
combining visualization, human factors and data analysis. [...]integrates methodology from
information analytics, geospatial analytics, and scientific analytics. Especially human factors (e.g.,
interaction, cognition, perception, collaboration, presentation, and dissemination) play a key role in the communication between human and computer, as
well as in the decisionmaking process.”
[Keim2006]
![Page 45: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/45.jpg)
ConceptosVisual Analytics (IV)
● [Sheniderman2002] sugiere combinar el enfoque de análisis cuantitativo sobre ordenador (Data Mining) con la visualización de información
● Utilizar herramientas de Visual Analytics para:○ Sintetizar información y obtener insights de datos masivos,
dinámicos, ambiguos y en ocasiones conflictivos
○ Detectar lo esperado y descubrir lo inesperado
○ Proveer interpretaciones de datos a tiempo, defendibles y entendibles
○ Comunicar interpretaciones de datos de manera efectiva para habilitar la toma de decisiones/acciones
![Page 46: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/46.jpg)
ConceptosVisual Analytics (V)
Interactivevisualization
Computational analysis
Analyticalreasoning
![Page 47: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/47.jpg)
ConceptosVisual Analytics (VI)
● Combinar las fortalezas tanto del procesamiento humano como electrónico [Keim2008]o Ofrece un procesamiento analítico semi-automático
o Utiliza las fortalezas de cada enfoque
![Page 48: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/48.jpg)
ConceptosVisual Analytics (VII)
[Verbert2014]
![Page 49: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/49.jpg)
ConceptosDiseño de información
The practice of presenting information
in a way that fostersefficient and effective
understanding of it
![Page 50: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/50.jpg)
ConceptosDiseño de información (II)
Source: http://www.nytimes.com/imagepages/2007/03/17/nyregion/nyregionspecial2/20070318_TRAIN_GRAPHIC.html
![Page 51: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/51.jpg)
ConceptosInfografías
The graphic visual representations of data,
information or knowledge intended to present complex
information quickly and clearly
![Page 52: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/52.jpg)
ConceptosInfografías (II)
Source: http://blog.crazyegg.com/2012/02/22/infographics-how-to-strike-the-elusive-balance-between-data-and-visualization/
![Page 53: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/53.jpg)
ConceptosInfografías (III)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef016760ebbbcd970b-550wi
![Page 54: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/54.jpg)
ConceptosComparación
Source: http://www.slideshare.net/SookyoungSong/hci-tutorial0212
![Page 55: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/55.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 56: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/56.jpg)
Proceso visualizaciónIntroducción
The purpose of analytical displays of evidence is to assist thinking. Consequently, in constructing displays of evidence, the first question
is, “What are the thinking tasks that these displays are supposed to serve?” The central claim of the book is that effective analytic
designs entail turning thinking principles into seeing principles. So, if the thinking task is to understand causality, the task calls for a
design principle: “Show causality.” If a thinking task is to answer a question and compare it with alternatives, the design principle is:
“Show comparisons.” The point is that analytical designs are not to be decided on their convenience to the user or necessarily their
readability or what psychologists or decorators think about them; rather, design architectures should be decided on how the
architecture assists analytical thinking about evidence.
Edward T. Tufte in an interview
![Page 57: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/57.jpg)
Proceso visualizaciónData Visualization Reference Model
[Chi2000]
![Page 58: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/58.jpg)
Proceso visualizaciónProceso Visual Analytics
![Page 59: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/59.jpg)
Proceso visualizaciónProceso Visual Analytics (II)
1
![Page 60: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/60.jpg)
Proceso visualizaciónPrincipios
● Resumen de los principios de Tufteo Revelar la verdad
Integridad gráfica
o Hacer de manera efectiva, con claridad, precisión, etc.
Diseño estético
“The success of a visualization is based on deep knowledge and care about the substance, and the quality, relevance and integrity of the content”
[Tufte1983]
![Page 61: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/61.jpg)
Proceso visualizaciónPrincipios (II)
● Diseño estético: cinco principios
o Por encima de todo, mostrar los datos
o Maximizar el ratio dato-tinta
o Eliminar todo trazo de tinta que no contenga datos
o Eliminar trazos de tinta redundantes
o Revisar y editar
![Page 62: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/62.jpg)
Proceso visualizaciónPrincipios (III)
● Atributos importanteso Color
o Tamaño
o Orientación
o Lugar en la página
o
Source: http://www.storytellingwithdata.com/2011/10/google-example-preattentive-attributes.html
![Page 63: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/63.jpg)
Proceso visualización1) Transformación de datos
● Codificación del valoro Datos univariadoso Datos bivariadoso Datos multivariados
● Codificación la relacióno Líneaso Mapaso Diagramas
![Page 64: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/64.jpg)
Proceso visualización1) Transformación de datos (II)
● Codificación del valoro Datos univariadoso Datos bivariadoso Datos multivariados
● Codificación la relacióno Líneaso Mapaso Diagramas
![Page 65: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/65.jpg)
Proceso visualización1) Transformación de datos (III)
[Shneiderman1996]
![Page 66: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/66.jpg)
Proceso visualización1) Transformación de datos (IV)
Data Visualization [Jarvainen2013]
Datos univariados
Los efectos de la variable independiente sobre una única variable dependiente
![Page 67: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/67.jpg)
Proceso visualización1) Transformación de datos (V)
Data Visualization [Jarvainen2013]
Datos bivariados
Miden la relación entre dos variablesNinguna de las variables en estudio es independiente, por lo que el procedimiento no es
experimental, como en los estudios univariados
![Page 68: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/68.jpg)
Proceso visualización1) Transformación de datos (VI)
Anscombe's quartetSource: http://en.wikipedia.org/wiki/Anscombe's_quartet
![Page 69: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/69.jpg)
Proceso visualización1) Transformación de datos (VII)
Datos multivariados
Data Visualization [Jarvainen2013]
Analizar simultáneamente conjunto de datos multivariantes en el sentido de que hay varias variables medidas para cada individuo u objeto estudiado
![Page 70: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/70.jpg)
Proceso visualización1) Transformación de datos (VIII)
● Codificación del valoro Datos univariadoso Datos bivariadoso Datos multivariados
● Codificación la relacióno Líneaso Mapaso Diagramas
![Page 71: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/71.jpg)
Proceso visualización1) Transformación de datos (IX)
● Relacióno Asociación lógica o natural entre dos o más entidades
o Relevancia de la una en la otra
o Conexión
Fuente: http://www.tendencias21.net/estrategar/La-vida-es-relacion_a321.html
![Page 72: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/72.jpg)
Proceso visualización1) Transformación de datos (X)
Red Social
Las líneas indican relación
Source: http://www.digitaltrainingacademy.com/socialmedia/2009/06/social_networking_map.php
![Page 73: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/73.jpg)
Proceso visualización1) Transformación de datos (XI)
![Page 74: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/74.jpg)
Proceso visualización1) Transformación de datos (XII)
Source: http://www.d3noob.org/2013/02/formatting-data-for-sankey-diagrams-in.html
Diagrama de Sankey
![Page 75: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/75.jpg)
Proceso visualización1) Transformación de datos (XIII)
Source: http://en.wikipedia.org/wiki/Harry_Beck
![Page 76: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/76.jpg)
Proceso visualización1) Transformación de datos (XIV)
A Tour Through the Visualization Zoo Source: http://homes.cs.washington.edu/~jheer//files/zoo/
![Page 77: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/77.jpg)
Proceso visualización1) Transformación de datos (XV)
![Page 78: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/78.jpg)
Aplicaciones para Tenzing
Actividad BI.03.2. Codificación del valor y la relación
● Determinaro Tipo de datos
o Tipo de gráfica
o Tipo de relación
o ...
● Justificar la elección
![Page 79: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/79.jpg)
Proceso visualización2) Mapeo de datos
Ranking of elementary perceptual tasks [ClevelandMcGill1985]
![Page 80: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/80.jpg)
Proceso visualización2) Mapeo de datos (II)
● Dos investigadores de AT&T Bell Labs, William S. Cleveland y Robert McGill, publicaron un artículo central en el Journal of the American Statistical Associationo El título era: “Graphical perception: theory,
experimentation, and application to the development of graphical methods”
● Propone una guía con las representaciones visuales más apropiadas en función del objetivo de cada gráfico
![Page 81: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/81.jpg)
Proceso visualización2) Mapeo de datos (III)
“A graphical form that involves elementary perceptual tasks that lead to more accurate judgements than another
graphical form (with the same quantitative information) will result in a
better organization and increase the chances of a correct perception of
patterns and behavior.”
![Page 82: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/82.jpg)
Proceso visualización2) Mapeo de datos (IV)
Source: http://www.businessinsider.com/pie-charts-are-the-worst-2013-6
“Save the pies for dessert”
(Stephen Few)
![Page 83: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/83.jpg)
Proceso visualización2) Mapeo de datos (V)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef0167631df6f7970b-550wi
![Page 84: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/84.jpg)
Proceso visualización2) Mapeo de datos (VI)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef016302299aa9970d-550wi
En algunas representaciones, la precisión no es el
objetivo, sino la percepción de patrones,
concentraciones, agregaciones, tendencias, etc.
Para estos casos, las formas de la parte inferior de la lista pueden resultar muy útiles
![Page 85: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/85.jpg)
Proceso visualización2) Mapeo de datos (VII)
![Page 86: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/86.jpg)
Proceso visualización2) Mapeo de datos (VIII)
Gráficos descriptivos Gráficos simbólicos
Source: http://trevorcairney.blogspot.com.es/2010_04_01_archive.html
![Page 87: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/87.jpg)
Proceso visualización2) Mapeo de datos (IX)
● Maria Kozhevnikov, afirma que no todo el mundo entiende las representaciones estadísticas de manera sencillao Depende de algunos patrones de activación dentro del
cerebro
● En uno de sus estudios, expone cómo los artistas, arquitectos y científicos los gráficos de diferentes maneras
![Page 88: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/88.jpg)
Proceso visualización2) Mapeo de datos (X)
Ranking of perceptual tasks [ClevelandMcGill1985]
![Page 89: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/89.jpg)
Proceso visualización2) Mapeo de datos (XI)
Recordando a Tufte:
“What are the thinking tasks that these displays are
supposed to serve?”
![Page 90: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/90.jpg)
Proceso visualización2) Mapeo de datos (XII)
¿Qué visualización para...?
1) Comparar números
2) Mostrar la variación en el tiempo de una magnitud
3) Mostrar la correlación entre dos variables
![Page 91: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/91.jpg)
Proceso visualización2) Mapeo de datos (XIII)
¿Para comparar números?
A bar chart (Source: http://en.wikipedia.org/wiki/Bar_chart)
![Page 92: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/92.jpg)
Proceso visualización2) Mapeo de datos (XIV)
¿Para comparar números?
Source: http://www.improving-visualisation.org/img_uploads/2009-03-09_Mon/200939171254.jpg
?
![Page 93: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/93.jpg)
Proceso visualización2) Mapeo de datos (XV)
¿Para mostrar la variación en el tiempo de una magnitud?
A line chart (Source: http://en.wikipedia.org/wiki/Line_graph)
![Page 94: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/94.jpg)
Proceso visualización2) Mapeo de datos (XVI)
¿Para mostrar la correlación entre dos variables?
A scatter plot(Source: http://en.wikipedia.org/wiki/Scatter_plot)
![Page 95: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/95.jpg)
Proceso visualización2) Mapeo de datos (XVII)
¿Diferencia entre dos variables?
Cleveland and McGill, nuestro cerebro tiene problemas comparando ángulos, curvas y direcciones → si queremos mostrar la diferencia, debemos
representar directamente la diferencia
o
![Page 96: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/96.jpg)
Proceso visualización2) Mapeo de datos (XVIII)
Source: http://www.excelcharts.com/blog/uncommon-knowledge-about-pie-charts/#prettyPhoto[gallery]/0/
![Page 97: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/97.jpg)
Proceso visualización2) Mapeo de datos (XIX)
¿La mejor estrategia?
Representar los mismos datos de diferentes maneras
![Page 98: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/98.jpg)
Proceso visualización2) Mapeo de datos (XX)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef0153903da6ba970b-550wi
Un mapa
Gráficos
Tabla numérica
![Page 99: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/99.jpg)
Proceso visualización2) Mapeo de datos (XXI)
Diferentes configuraciones de
visualización
Filtros (zoom, herramienta de
búsqueda, seleccionar datos por continente y
tamaño)
Búsqueda en profundidad (click en las
burbujas y enseñar más datos, etc.)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef0153903da6ba970b-550wi
![Page 100: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/100.jpg)
Proceso visualización2) Mapeo de datos (XXII)
Source: http://www.stonesc.com/Vis08_Workshop/DVD/Reijner_submission.pdf
![Page 101: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/101.jpg)
Proceso visualización2) Mapeo de datos (XXIII)
Source: http://apandre.wordpress.com/dataviews/choiceofchart/
![Page 102: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/102.jpg)
Proceso visualización2) Mapeo de datos (XXIV)
Source: http://apandre.wordpress.com/dataviews/choiceofchart/
![Page 103: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/103.jpg)
Proceso visualización2) Mapeo de datos (XXV)
Source: http://www.visual-literacy.org/periodic_table/periodic_table.html
![Page 104: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/104.jpg)
Proceso visualización2) Mapeo de datos (XXVI)
Classification of Visual Data Exploration Techniques [Keim2002]
![Page 105: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/105.jpg)
Aplicaciones para Tenzing
Actividad BI.03.3. Mapeo de datos
● Determinaro Gráfica para cada dimensión de datos
o Configuraciones de visualización (filtros, búsqueda en profundidad, etc.)
o Escala de Cleveland y McGill: ¿por qué?
● Justificar la elección
![Page 106: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/106.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 107: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/107.jpg)
DashboardIntroducción
Fundamentales
PercepciónVisiónColor
Principios
Técnicas
RepresentaciónPresentaciónInteracción
Aplicaciones
DashboardsVisual
Analytics
![Page 108: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/108.jpg)
DashboardIntroducción (II)
“Most information dashboards that are used in business today fall far short of their potential”
Stephen Few
![Page 109: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/109.jpg)
DashboardDefinición
“A dashboard is a visual display of the most important information needed to
achieve one or more objectives; consolidated and arranged on a single
screen so the information can be monitored at a glance”
[Few2007]
![Page 110: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/110.jpg)
DashboardCaracterísticas
● Displays visuales
● Visualizar información necesaria para alcanzar unos objetivos específicos
● Que se ajuste a una sola pantalla
● Que se pueda emplear para monitorizar información a golpe de ojo
● Mecanismos de visualización pequeños, concisos, claros e intuitivos
● Personalizados a las necesidades
![Page 111: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/111.jpg)
DashboardCategorías
Role Strategic, Operational, Analytical
Type of data Quantitative, Non-quantitative
Data domain Sales, Finance, Marketing, Manufacturing, Human Resources, Learning, etc.
Type of measures Balanced Scored Cards, Six Sigma, Non-performance
Span of data Enterprise wide, Departmental, Individual
Update frequency Monthly, Weekly, Daily, Hourly, Real-time
Interactivity Static display, Interactive display
Mechanisms of display
Primarily graphical, Primarily text, Integration of graphics and text
Portal functionality Conduit to additional data. No portal functionality
![Page 112: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/112.jpg)
DashboardErrores comunes (II)
1) Exceder los límites de una sola pantalla● La información que aparece en un dashboard
puede estar fragmentada en una de las siguientes dos maneras:o Diferentes pantallas a las que hay que navegaro Diferentes instancias de una misma visualización a los
cuales para acceder hay que navegar
![Page 113: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/113.jpg)
DashboardErrores comunes (II)
2) Ofrecer un contexto inadecuado para los datos● De este modo, las medidas no serán
significativas3) Visualizar excesivo detalle o precisión● Mostrar detalles innecesarios4) Elegir una medida no eficiente● Utilizar medidas que fallan en expresar de
manera directa el mensaje que se pretende
![Page 114: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/114.jpg)
DashboardErrores comunes (III)
5) Elegir un display de visualización inapropiado
● Un problema muy común con los pie charts ;-)
6) Introducir una variedad gráfica innecesaria
● Exhibir una variedad de displays innecesarios
7) User displays pobremente diseñados
● Orden, leyenda, colores claros, etc.
![Page 115: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/115.jpg)
DashboardErrores comunes (IV)
8) Codificar datos cuantitativos de manera imprecisa9) Presentar los datos pobremente● Los datos más importantes deben ser
enfatizados● Los datos que requieren atención inmediata
deben destacar● Los datos que se deben comparar serán
presentados y diseñados visualmente de manera que favorezca la comparación
![Page 116: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/116.jpg)
DashboardErrores comunes (V)
10) Enfatizar los datos importantes de manera ineficiente
● Fallar en la diferenciación de datos en función de su importancia○ Dar el mismo peso a todo lo presentado en la pantalla
11) Añadir decoraciones innecesarias● Aparentar ser algo que no se es
● Resulta en decoraciones que despistan y resultan inútiles
![Page 117: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/117.jpg)
DashboardErrores comunes (VI)
12) Abuso del color
● El abuso del color debilita su poder
13) Diseñar un display visual no atractivo
● El reto fundamental de un diseño de Dashboard es mostrar efectivamente una gran variedad de datos en poco espacio
![Page 118: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/118.jpg)
DashboardBuzzwords
● Dashboardso Presenta información en una manera que resulta fácil
de leer y de interpretar
● Key Performance Indicatoro Éxito o los pasos para llegar al éxito en relación a un
objetivo
![Page 119: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/119.jpg)
DashboardVisualizaciones de datos interactivas
Graphic design
Staticvisualization
Data analysis
![Page 120: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/120.jpg)
DashboardVisualizaciones de datos interactivas (II)
Graphic design
Data analysis
Interactive design
ExploratoryData analysis
Interactivevisualization
Userinterface
design
Static visualization
![Page 121: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/121.jpg)
DashboardVisualizaciones de datos interactivas (III)
● ¿Cuándo es suficiente una representaciónestática?o Escala
Muchos puntos de datos Muchas diferentes dimensiones
o Storytellingo Exploracióno Aprendizaje
![Page 122: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/122.jpg)
DashboardVisualizaciones de datos interactivas (IV)
● Seleccionar
● Explorar
● Reconfigurar
● Codificar
● Elaborar
● Filtrar
● Conectar
![Page 123: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/123.jpg)
DashboardVisualizaciones de datos interactivas: 1) Seleccionar
Source: http://en.wikipedia.org/wiki/Closest_pair_of_points_problem
Seleccionar un detalle de un conjunto de datos grande para tenerlo controlado
![Page 124: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/124.jpg)
DashboardVisualizaciones de datos interactivas: 2) Explorar
● Superar limitaciones de tamaño del display
● La técnica más común: zoom panorámico
![Page 125: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/125.jpg)
DashboardVisualizaciones de datos interactivas: 3) Reconfigurar
● Ofrecer una distribución de elementos diferente
![Page 126: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/126.jpg)
DashboardVisualizaciones de datos interactivas: 4) Codificar
● Cambiar variables visuales: colores, tamaños, orientación, fuente, tamaño
![Page 127: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/127.jpg)
DashboardVisualizaciones de datos interactivas: 5) Elaborar
● Mostrar más o menos detalle: foco + contexto
![Page 128: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/128.jpg)
DashboardVisualizaciones de datos interactivas: 6) Filtrar
● Filtro: mostrar datos condicionales
![Page 129: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/129.jpg)
DashboardVisualizaciones de datos interactivas: 7) Conectar
● Mostrar items relacionados: cepillado y enlace
![Page 130: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/130.jpg)
DashboardInteraction framework
● Continuous interaction
● Stopped interaction
● Passive interaction
● Composite interaction
![Page 131: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/131.jpg)
DashboardInteraction framework (II)
Continuous interaction
![Page 132: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/132.jpg)
DashboardInteraction framework (III)
Stopped interaction
![Page 133: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/133.jpg)
DashboardInteraction framework (IV)
Passive interaction
Two important aspects of passive interaction:
1) During typical use of a visualization tool, most of the user’s time is spent on passive interaction
– often involving eye movement
2) Passive interaction does not imply a static representation
![Page 134: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/134.jpg)
DashboardInteraction framework (V)
Passive interaction
![Page 135: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/135.jpg)
DashboardInteraction framework (VI)
Composite interaction
Source: http://vis.berkeley.edu/papers/generalized_selection/
![Page 136: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/136.jpg)
DashboardPasos
Fuente: http://www.tableausoftware.com/es-es/trial/tableau-software
1. Choose metrics that matter
2. Keep it visual
3. Make it interactive
4. Keep it current or don’t bother
5. Make it simple to access and use
![Page 137: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/137.jpg)
Aplicaciones para Tenzing
Actividad BI.03.4. Diseñando e implementando mi Dashboard
● ….
![Page 138: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/138.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 139: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/139.jpg)
Errores visualizaciónIntroducción
![Page 140: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/140.jpg)
Errores visualizaciónAlgunos errores
¿Problemas?
![Page 141: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/141.jpg)
Errores visualizaciónAlgunos errores (II)
● Multidimensionalidad● Falta de contexto y
entendimiento○ ¿Son los números
relevantes?○ ¿Qué significan?○ ¿Cómo me afectan?
Una cebolla con una única capa
![Page 142: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/142.jpg)
Errores visualizaciónAlgunos errores (III)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef0153903125d9970b-550wi
¿Problemas?
Intenta identificar
1) El mayor donante de 20082) El menor donante de 20093) La variación entre 2008 y
20094) Qué región recibió la mayor
cantidad de dinero
![Page 143: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/143.jpg)
Errores visualizaciónAlgunos errores (IV)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef0153903125d9970b-550wi
Un mapa no es la mejora manera de representar este
tipo de datos
Si quiero responder a las preguntas anteriores, tengo que realizar una búsqueda de las cifras, memorizarlas
y luego compararlas
![Page 144: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/144.jpg)
Errores visualizaciónAlgunos errores (V)
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef015390a96894970b-550wi
¿Problemas?
Este gráfico intenta revelar el tamaño del déficit del Reino Unido (el cuadro negro del
lado derecho)
¿Ayuda el gráfico a contextualizar?
¿Podemos analizar los datos?¿Cómo lo comparamos?
¿Conocemos las diferencias?
![Page 145: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/145.jpg)
Errores visualizaciónAlgunos errores (VI)
Solución
Source: http://blogs.elpais.com/.a/6a00d8341bfb1653ef015390a98d8a970b-550wi
![Page 146: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/146.jpg)
Errores visualizaciónAlgunos errores (VII)
¿Problemas?
Los valores de la barra debieran empezar en 0
Source: http://www.qualitydigest.com/inside/quality-insider-article/asci-customer-satisfaction-airlines-remains-low.html
![Page 147: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/147.jpg)
Índice de contenidos
● Introducción● Historia visualización de información● Conceptos● Proceso de visualización de información● Construyendo un Dashboard● Errores en la visualización● Herramientas y librerías
![Page 148: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/148.jpg)
Herramientas y libreríasPentaho Reporting
![Page 149: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/149.jpg)
Herramientas y libreríasMany Eyes
![Page 150: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/150.jpg)
Herramientas y libreríasTableau Public
![Page 151: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/151.jpg)
Herramientas y libreríasTableau Public (II)
● Gratuito● 1 GB de almacenamiento● Facilidad para embeber en una página web● Tableu Public Premium
o Precio basado en el número de páginas vistas
![Page 152: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/152.jpg)
Herramientas y libreríasd3.js
![Page 153: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/153.jpg)
Herramientas y libreríasHighcharts
![Page 154: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/154.jpg)
Herramientas y libreríasR Studio
![Page 155: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/155.jpg)
Herramientas y libreríasggplot2 in R
An implementation of the Grammar of Graphics by Leland Wilkinson
“In brief, the grammar tells us that a statistical graphic is a mapping from data to aesthetic
attributes (color, shape, size) of geometric objects (points, lines, bars). The plot may also contain statistical transformations of the data and is
drawn on a specific coordinate system”
![Page 156: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/156.jpg)
Herramientas y libreríasggplot2 in R (II)
![Page 157: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/157.jpg)
Herramientas y libreríasGoogle Charts
![Page 158: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/158.jpg)
Herramientas y libreríasGoogle Charts (II)
![Page 159: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/159.jpg)
Herramientas y libreríasGoogle Fusion Tables
![Page 160: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/160.jpg)
Herramientas y libreríasGoogle Fusion Tables (II)
![Page 161: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/161.jpg)
Herramientas y libreríasSimile Widgets
![Page 162: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/162.jpg)
Herramientas y libreríasProcessing.js
![Page 163: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/163.jpg)
Herramientas y libreríasNodeXL
![Page 164: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/164.jpg)
Herramientas y libreríasSpotfire
![Page 165: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/165.jpg)
Herramientas y libreríasAdvizor Analyst
![Page 166: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/166.jpg)
Herramientas y libreríasDatawatch
![Page 167: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/167.jpg)
Herramientas y libreríasQlikView
![Page 168: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/168.jpg)
Herramientas y libreríasPrefuse
![Page 169: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/169.jpg)
Herramientas y libreríasProtovis
![Page 170: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/170.jpg)
Herramientas y libreríasDatawrapper
![Page 171: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/171.jpg)
Referencias[AmarStasko2005] Amar, R. A., & Stasko, J. T. (2005). Knowledge precepts for design and evaluation of information visualizations. Visualization and Computer Graphics, IEEE Transactions on, 11(4), 432-442.
[Cairo] Alberto Cairo [Online]. URL: https://twitter.com/albertocairo
[Chi2000] Chi, Ed H. "A taxonomy of visualization techniques using the data state reference model." Information Visualization, 2000. InfoVis 2000. IEEE Symposium on. IEEE, 2000.
[ClevelandMcGill1985] Cleveland, William S., and Robert McGill. "Graphical perception and graphical methods for analyzing scientific data." Science229.4716 (1985): 828-833.
[Few2004] Few, Stephen. "Show me the numbers." Analytics Pres (2004).
[Few2007] Few, Stephen. "Dashboard confusion revisited." Perceptual Edge (2007).
[Fry] Ben Fry [Online]. URL: http://benfry.com/
[Jarvinen2013] Data visualization [Online]. URL: http://lib.tkk.fi/Lic/2013/urn100763.pdf
[Keim2006] Keim, D.A.; Mansmann, F. and Schneidewind, J. and Ziegler, H., Challenges in Visual Data Analysis, Proceedings of InformationVisualization (IV 2006), IEEE, p. 9-16, 2006.
[Kosslyn] Kosslyn Laboratory [Online]. URL: http://isites.harvard.edu/icb/icb.do?keyword=kosslynlab&pageid=icb.page250946
[Malamed] Visual Language for Designers: Principles for Creating Graphics that People Understand [Online]. URL: http://www.amazon.com/Visual-Language-Designers-Principles-Understand/dp/1592535151
[Shneiderman1996] Shneiderman, Ben. "The eyes have it: A task by data type taxonomy for information visualizations." Visual Languages, 1996. Proceedings., IEEE Symposium on. IEEE, 1996.
[Shneiderman2002] Shneiderman, B. (2002) Inventing discovery tools: combining information visualization with data mining1. Information visualization, 1(1), 5-12.
[ThomasCook2005] J.J. Thomas and K.A. Cook, "A Visual Analytics Agenda," IEEE Computer Graphics & Applications, vol. 26, pp. 10-13, 2006.
[Verbert2014a] Visual Analytics [Online]. URL: http://www.slideshare.net/kverbert/in-34471961
[Yau] Nathan Yau [Online]. URL: http://flowingdata.com/about-nathan/
[Zachary2013] Zachary, W., Rosoff, A., Miller, L. C., & Read, S. J. (2013). Context as a Cognitive Process: An Integrative Framework for Supporting Decision Making. Paper presented at the STIDS.
![Page 172: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/172.jpg)
CursosKU Leuven [Online]. URL: http://ariadne.cs.kuleuven.be/wiki/index.php/MM-Course1314
Berkeley [Online]. URL: http://blogs.ischool.berkeley.edu/i247s13/
Columbia university [Online]. URL: http://columbiadataviz.wordpress.com/student-work/
Information Visualization MOOC [Online]. URL: http://ivmooc.cns.iu.edu/
![Page 173: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/173.jpg)
Recursos adicionaleshttp://infosthetics.com/
http://visualizing.org
http://www.visualcomplexity.com/vc/
http://visual.ly/
http://flowingdata.com
http://www.infovis-wiki.net
![Page 174: Construyendo un panel de visualización de indicadores clave](https://reader033.vdocument.in/reader033/viewer/2022052623/5599f9141a28abb0378b463e/html5/thumbnails/174.jpg)
El proceso de análisis y explotación de datos en proyectos de Business
IntelligenceMódulo 03: Construyendo un panel de visualización de
indicadores clave
Alex Rayón [email protected]
Octubre, 2014