65
Jorge Casillas Universidad de Granada Inteligencia de Negocio, 2016-2017

Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

Embed Size (px)

Citation preview

Page 1: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

Jorge CasillasUniversidad de Granada

Inteligencia de Negocio, 2016-2017

Page 2: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Presentar los datos de un modo visual distinto al habitualnos permite comprender tendencias, cambios, lagunas,relaciones, direcciones…

• Son aspectos difíciles (a veces imposibles) de tratarmediante aprendizaje automático pero que se puedencaptar de modo muy contundente con técnicas devisualización avanzadas

• Estas técnicas no tienen generalmente una definiciónformal, ni poseen significancia estadística, quizás noexpliquen las razones, quizás no den suficientes detalles…pero en cualquier caso ayudan a un ser humano acomprender de un vistazo una realidad compleja

1

Page 3: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Cuanto más compleja sea esa realidad, más necesario yútil resulta el análisis exploratorio de datos mediantevisualización

• Cada vez disponemos de más y más datos, y cada veztenemos sistemas de computación más potentes paraprocesarlos, de modo que cada vez está adquiriendomás importancia la visualización

• Una imagen es una poderosa herramienta para instalarconceptos en el proceso cognitivo, lo cual ayuda acomunicar mensajes y facilitar la toma de decisiones

2

Page 4: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

http://vimeo.com/19088241

¿Se puede resumir la historia de la humanidad en 100 segundos?

Page 5: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Millones de datos pueden componer una imagenelocuente y de especial belleza

5

Page 6: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

6

= lugares donde se usa twetter, = lugares donde se tomaron fotos en Flickr, = ambos

Page 7: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• A veces, una forma ingeniosa de presentar datossimples aporta un gran impacto

7

Page 8: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

8

Page 9: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Cada historia que quieras contar tiene un tipo de gráficodiferente

9

Page 10: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

10Themeriver o streamgraph: http://bl.ocks.org/mbostock/4060954

Page 11: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

11

Page 12: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

12Sankey diagram: http://bost.ocks.org/mike/sankey/

Page 13: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

13http://www.chrisharrison.net/index.php/Visualizations/BibleViz

Page 14: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

14

Page 15: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

15

What else?

Page 16: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Una gráfica sencilla pero que se actualiceautomáticamente y/o sea interactiva también ayuda acomprender muchos problemas

16

Page 17: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

17http://energia.ningunaparte.net/

Page 18: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Los vídeos sobre visualizaciones de datos ayudan acomprender dinámicas y tendencias

19

Page 20: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

https://youtu.be/8J3T3UjHbrE

Page 21: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

23

Mundo real DatosFormas y colores

Visualización

Interpretación

Page 22: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

24

Page 23: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

25

Page 24: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

26

Page 25: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Principales tipos de datos:

Datos categóricos

Series temporales

Datos espaciales

Múltiples variables

Distribuciones

27

Page 26: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

28

Page 27: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

29

Page 28: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

30

Page 29: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

31

Page 30: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

32

Una gráfica de barras normalizadas ayuda a enfatizar el reparto entre categorías en lugar de la magnitud

Page 31: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

33

Los resultados de un cuestionario se pueden reflejar bien con barras horizontales, colores para cada respuesta y centrados en la respuesta media

Page 32: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

34

Page 33: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

35

Treemap: http://bl.ocks.org/mbostock/4063582

Page 34: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

36Mosaic plot: http://www.datavis.ca/online/mosaics/about.html

Page 35: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

37

Page 36: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

38Más ideas:https://uxmag.com/articles/its-about-time

Page 37: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

39

Usar colores para destacar periodos de la serie histórica ayuda a explicar razones de las tendencias

Page 38: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

40

Si la serie es periódica, el patrón se refuerza con un gráfico radial (izquierda). Incluso se puede usar un boxplot radial (derecha) para resumir la distribución de probabilidad

Radial boxplot: http://bl.ocks.org/davidwclin/ad5d13db260caeffe9b3

Page 39: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Frecuencia de nacimientos por día en EE.UU.

41

http://thedailyviz.com/2016/09/17/how-common-is-your-birthday-dailyviz/

Calendar view: http://bl.ocks.org/mbostock/4063318

Page 40: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

42

Page 41: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

43

Page 42: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

44http://bbvatourism.vizzuality.com/

Page 43: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

46Choropleth: http://bl.ocks.org/fhernand/be1e9c9fdb0473292abf

Page 44: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

47http://www.americansocceranalysis.com/home/2015/8/17/shot-limiting-bringing-the-heat-maps

Page 45: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

48

Page 46: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

49

correlación fuerte correlación débil

Page 47: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

50Bubble chart: http://help.plot.ly/make-a-bubble-chart/

Con un gráfico de burbujas podemos visualizar cuatro variables (x, y, tamaño del punto y color)

Page 48: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

51Scatter matrix: http://benjiec.github.io/scatter-matrix/demo/demo.html

Con un scatter matrixpodemos comprender de un vistazo la naturaleza de los datos y posibles correlaciones entre variables.

Aprovechamos la diagonal para mostrar la distribución de cada variable

Page 49: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

52

Cuando son muchas variables podemos representar, en su lugar, el coeficiente de correlación de Pearson (0 si no hay correlación, -1 si hay correlación lineal negativa perfecta o 1 para correlación positiva) mediante elipses y colores

Page 50: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

53Parallel coordinates: http://bl.ocks.org/mbostock/7586334

Page 51: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

54

En gráficos heat map es recomendable ordenar una columna (en el ejemplo, “Points per”) para ver mejor las correlaciones y tendencias

Page 52: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

55

http://www.visualcinnamon.com/2014/12/using-data-storytelling-with-chord.htmlhttp://www.redotheweb.com/DependencyWheel/Dependency wheel: http://circos.ca/

La rueda de dependencia o chord ayuda a representar cómo se relacionan las variables por pares

Page 53: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

56Heatmap: http://help.plot.ly/make-a-heatmap/

Page 54: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

57Radar (spider) chart: http://bl.ocks.org/nbremer/6506614

Page 55: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

58

Page 56: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

59

http://boxplot.tyerslab.com/

Page 57: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

60

Page 58: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

61

Page 59: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual
Page 60: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Herramientas de visualización: Microsoft Excel, GoogleSpreadsheets, Tableau Software, QlikView, Spotfire,EDEN, R, JavaScript, Python…

• Específicos:

Gephi: grafos y redes

ImagePlot: imágenes

Treemap

TileMill, indiemapper, GeoCommons, ArcGIS: datos espaciales

• El software de visualización tiende a especializarse endeterminados tipos de datos o características

63

Page 61: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Orientado a Inteligencia de Negocio

• Muy completo

• De propósito general

• Fácil diseño, interactividad, cuidada estética…

• De pago

64

Page 62: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Lenguaje de programación

• Código abierto

• Muchas extensiones: ggplot2, network, ggmaps, animation, portfolio…

• Se puede combinar con software para ilustración

• matplotlib (python)

65https://github.com/fcharte/ExploraVisualizaconR

Page 63: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Necesidad de programación

• Ideal para Web y gráficos interactivos

• Bibliotecas: Data-Driven Documents

(D3): http://d3js.org

Raphaël

JavaScript InfoVisToolkit…

• Para empezar: https://my.infocaptor.com/free_data_visualization.php

• Se puede usar en KNIME: https://www.knime.org/blog/from-d3-example-to-interactive-knime-view-in-10-minutes

66

Page 64: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Datos: http://www.kdnuggets.com/datasets/index.html http://blog.bigml.com/2013/02/28/data-data-data-thousands-of-public-data-sources/ http://blog.visual.ly/data-sources/ http://www.datawrangling.org/some-datasets-available-on-the-web/ https://github.com/caesar0301/awesome-public-datasets http://mldata.org/repository http://homepage.data-planet.com/ http://getthedata.org http://census.okfn.org http://datamarket.azure.com/browse/data http://aws.amazon.com/es/datasets/ https://www.quandl.com https://datamarket.com/data/list/?q=all http://kaggle.com https://open-data.europa.eu/es http://datos.gob.es http://www.red.es/redes/datosabiertos/ http://transparente.ugr.es

• Software: https://scraperwiki.com/ http://sourceforge.net/projects/gimagereader/ http://schoolofdata.org/

67

Page 65: Jorge Casillas Universidad de Granada - sci2s.ugr.essci2s.ugr.es/sites/default/files/files/Teaching/GraduatesCourses/... · •Presentar los datos de un modo visual distinto al habitual

• Ben Fry, Visualizing Data. Exploring and Explaining Data with ProcessingEnvironment, O’Reilly, 2007. ISBN: 978-0-596-51455-6

• Nathan Yau, Visualize This: The FlowingData Guide to Design,Visualization, and Statistics, Wiley, 2011. ISBN: 978-0470944882.http://flowingdata.com/

• Nathan Yau, Data Points: Visualization that Means Something, Wiley,2013. ISBN: 978-1118462195

• Marjorie M.K. Hlava, Visualization for Data Analysis: A New Way to Lookat Content (Julio 2012) http://youtu.be/cjz8I-eWAW8

• http://www.r2d3.us/visual-intro-to-machine-learning-part-1/

• http://gothamknowledge.tumblr.com/post/66252844859/circle-of-life-the-beautiful-new-way-to-visualize

• http://www.smartdatacollective.com/jagadish/410273/why-we-love-these-5-data-visualization-tools-and-you-should-too

68