{"id":2342,"date":"2017-05-17T11:24:46","date_gmt":"2017-05-17T09:24:46","guid":{"rendered":"https:\/\/inlab.fib.upc.edu\/?p=2342"},"modified":"2017-05-19T08:49:24","modified_gmt":"2017-05-19T06:49:24","slug":"que-es-la-visualizacion-de-datos-dataviz","status":"publish","type":"post","link":"https:\/\/inlab.fib.upc.edu\/es\/uncategorized-ca\/que-es-la-visualizacion-de-datos-dataviz","title":{"rendered":"\u00bfQu\u00e9 es la Visualizaci\u00f3n de datos &#8211; DataViz?"},"content":{"rendered":"<p>El objetivo principal de la visualizaci\u00f3n de datos es comunicar informaci\u00f3n o ideas complejas de forma clara, precisa y eficiente, de forma que ayude a los usuarios a analizar y razonar sobre datos y evidencias.<\/p>\n<p><!--more--><\/p>\n<h2>Objetivo de la visualizaci\u00f3n de datos<\/h2>\n<p>El objetivo principal de la visualizaci\u00f3n de datos es comunicar informaci\u00f3n o ideas complejas de forma clara, precisa y eficiente, de forma que ayude a los usuarios a analizar y razonar sobre datos y evidencias.<\/p>\n<p>La visualizaci\u00f3n de datos es a la vez un arte y una ciencia, como dice el refr\u00e1n \u00abuna imagen vale m\u00e1s que mil palabras\u00bb, o adaptada a nuestros tiempos \u00abuna imagen vale m\u00e1s que mil l\u00edneas de datos\u00bb.<\/p>\n<h2>Caracter\u00edsticas de las visualizaciones de datos<\/h2>\n<p>El ritmo de creaci\u00f3n de datos va aumentando a\u00f1o tras a\u00f1o de manera muy notable y se espera que aumente a\u00fan mucho m\u00e1s gracias a la gran cantidad de sensores y dispositivos que ir\u00e1n enviando informaci\u00f3n a toda hora. Todos estos datos hay que recogerlos, explorarlos, procesarlos, almacenarlos, analizarlos y finalmente convertirse en informaci\u00f3n de valor. Tenemos que saber mostrar esta informaci\u00f3n de valor de manera adecuada y comprensible para que la entienda todo el mundo al que va dirigida y pueda ayudar a la toma de decisiones.<\/p>\n<p>De forma resumida, podr\u00edamos indicar que los cuatro puntos clave para hacer una visualizaci\u00f3n ser\u00edan:<\/p>\n<ul>\n<li><strong>Tener un Dataset limpio:<\/strong> Disponer de un conjunto de datos limpio en el formato adecuado para la mayor\u00eda de herramientas de visualizaci\u00f3n.<\/li>\n<li><strong>\u00danico mensaje comunicativo:<\/strong> Seleccionar un \u00fanico mensaje, que destacaremos en cada gr\u00e1fico. Seg\u00fan la audiencia, el tipo de gr\u00e1fico y el nivel de precisi\u00f3n necesario.<\/li>\n<li><strong>Elegir la gr\u00e1fica adecuada:<\/strong> La forma que adopta una gr\u00e1fica va en funci\u00f3n de lo que queremos transmitir: por ejemplo comparar, distribuir, etc.<\/li>\n<li><strong>Dise\u00f1o y color:<\/strong> Destacar lo que interesa y lo que no, mediante el uso del color.<\/li>\n<\/ul>\n<h2>A\u00f1adiendo interacci\u00f3n en las vistas<\/h2>\n<p>Siempre que podamos, es recomendable a\u00f1adir interacci\u00f3n en nuestras visualizaciones de datos, ya que este hecho facilita y ampl\u00eda la comprensi\u00f3n de la informaci\u00f3n que queremos transmitir.<\/p>\n<p>Los objetivos que nos marcamos a la hora de hacer una visualizaci\u00f3n interactiva, son los de:<\/p>\n<ol>\n<li>Poner los datos en contexto<\/li>\n<li>Que el usuario sea capaz de explorar los datos<\/li>\n<li>Que el usuario tenga la posibilidad de encontrar patrones y outliers<\/li>\n<\/ol>\n<p>Como ejemplo de c\u00f3mo podemos encontrar patrones, Eric Fisher cre\u00f3 mapas de las ciudades m\u00e1s tur\u00edsticas del mundo bas\u00e1ndose en la geolocalizaci\u00f3n de Tweets en un <a href=\"http:\/\/brilliantmaps.com\/tourists-vs-locals\/\" target=\"_blank\" rel=\"noopener\">trabajo llamado \u00abLocals and Tourits\u00bb<\/a> que nos da una idea muy precisa de por d\u00f3nde se mueven (hacen Tweets&nbsp;) los turistas respecto a los barceloneses.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\" size-full wp-image-2338\" alt=\"\" src=\"https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2017\/05\/localstourists-article_dataviz.jpg\" style=\"width: 425px; height: 400px;\" width=\"638\" height=\"600\" srcset=\"https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2017\/05\/localstourists-article_dataviz.jpg 638w, https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2017\/05\/localstourists-article_dataviz-300x282.jpg 300w, https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2017\/05\/localstourists-article_dataviz-370x348.jpg 370w, https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2017\/05\/localstourists-article_dataviz-266x250.jpg 266w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/p>\n<div class=\"peuCentrat\">Title: Locals vs. Tourists Visualized Through Geotagged Images &nbsp;<br \/>\nCredits: Courtesy of Eric Fischer, under a Creative Commons Attribution-ShareAlike license. Base map data \u00a9 OpenStreetMap contributors.<\/div>\n<h2>Utilidad de la visualizaci\u00f3n de datos en la FIB<\/h2>\n<p>El inLab FIB ha desarrollado un <a href=\"http:\/\/inlab.fib.upc.edu\/es\/cuadro-de-mando-de-la-fib\">Cuadro de Mando para la Facultad de inform\u00e1tica<\/a> que ayuda a la toma de decisiones del equipo directivo.<\/p>\n<p>Una de las visualizaciones que tenemos para el cuadro de mando y con la que puede interactuar, es el estudio por pa\u00edses sobre la movilidad de nuestros estudiantes, tanto de los que vienen a estudiar a la FIB (los que llamamos \u00abin\u00bb) como los que van a estudiar fuera (los que llamamos \u00about\u00bb).<\/p>\n<p>Las herramientas que hemos utilizado para hacer esta visualizaci\u00f3n de datos interactiva son:<\/p>\n<ul>\n<li>HTML, JavaScript, JQuery,&nbsp; Bootstrap<\/li>\n<li>La librer\u00eda Leaflet&nbsp; para dibujar los mapas<\/li>\n<li>Django REST Framework para la API que obtiene los datos en formato JSON.&nbsp;<iframe height=\"900\" scrolling=\"yes\" src=\"http:\/\/www.fib.upc.edu\/docroot\/indicadors\/mobilitat_leaflet.html\" width=\"100%\"><\/iframe><\/li>\n<\/ul>\n<p>Referencias:<\/p>\n<ul>\n<li><a href=\"https:\/\/ernestoolivares.es\/historias-visuales-visualizacion-de-datos\/\" target=\"_blank\" rel=\"noopener\">https:\/\/ernestoolivares.es\/historias-visuales-visualizacion-de-datos\/<\/a><\/li>\n<li><a href=\"https:\/\/ca.wikipedia.org\/wiki\/Visualitzaci%C3%B3_de_dades\" target=\"_blank\" rel=\"noopener\">https:\/\/ca.wikipedia.org\/wiki\/Visualitzaci\u00f3_de_dades<\/a><\/li>\n<li><a href=\"http:\/\/www.ignasialcalde.es\/4-pasos-clave-para-visualizar-datos\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.ignasialcalde.es\/4-pasos-clave-para-visualizar-datos\/<\/a><\/li>\n<li><a href=\"http:\/\/www.vpascual.org\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.vpascual.org<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>El objetivo principal de la visualizaci\u00f3n de datos es comunicar informaci\u00f3n o ideas complejas de forma clara, precisa y eficiente, de forma que ayude a los usuarios a analizar y razonar sobre datos y evidencias.<\/p>\n","protected":false},"author":8,"featured_media":2335,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[496,1],"tags":[],"experteses":[9],"class_list":["post-2342","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articulos","category-uncategorized-ca","experteses-datascienceybigdata-es"],"acf":[],"_links":{"self":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/posts\/2342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/comments?post=2342"}],"version-history":[{"count":0,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/posts\/2342\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/media\/2335"}],"wp:attachment":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/media?parent=2342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/categories?post=2342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/tags?post=2342"},{"taxonomy":"experteses","embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/experteses?post=2342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}