Módulo 10. Visualización de Datos

En este módulo se pretenden cubrir objetivos básicos de cómo visualizar gráficas en entornos Web, tanto en modo paquetizado como partiendo desde cero, utilizando el framework de visualización d3js.

Docentes

Braulio Díez Botella (Lemoncode)
linkedin.com/in/brauliodiez
https://lemoncode.net/
Consultor front end y business intelligence, amplia experiencia profesional con grandes empresas como Microsoft, Maersk, CSC y TUI. Imparte el módulo de visualización de datos.

Salvador Carrión Pérez (Avanade)
linkedin.com/in/salvador-carrión-pérez-77059b23Experto en proyectos de analytics y business intelligence, así como en el universo Azure. Imparte el módulo de visualización de datos.

Tecnologías: HTML / CSS, JavaScript ES6, d3js. Power BI, Tableau, Google DataStudio.

Objetivos: Cubrir objetivos básicos de cómo visualizar gráficas en entorno web. Introducción a herramientas comerciales de visualización

• A alto nivel: utilizando suites de visualización y análisis tales como Power BI y Tableau
• A bajo nivel: Vía programación, tanto en modo paquetizado como partiendo desde cero, utilizando el framework de visualización d3js.
• Uso de herramientas de visualización para conectar con distintos orígenes de datos, modelado de información y visualización.

Pre-Requisitos: Conceptos básicos de programación web:

• Conceptos básicos HTML, tutorial: https://www.w3schools.com/html/
• Conceptos básicos JavaScript, tutorial:  https://www.w3schools.com/js/
• Conceptos básicos CSS, tutorial: https://www.w3schools.com/Css/

Recomendable:

• Conceptos ES6, webinar: https://www.youtube.com/watch?v=ytpqRmkiAkQ&t=70s

Pre-Requisitos: Conceptos básicos de Power BI y herramientas de visualización:

• Obtener Power BI Desktop: https://docs.microsoft.com/es-es/power-bi/desktop-get-the-desktop

Recomendable:

• Introducción a Power BI Desktop: https://docs.microsoft.com/es-es/power-bi/desktop-getting-started
• Welcome to Data Studio: https://datastudio.google.com/reporting/0B5FF6JBKbNJxOWItcWo2SVVVeGc/page/DjD
• Getting Stating with Tableau: https://www.tableau.com/learn/training/20194
• Introducción a Power BI, tutorial: https://docs.microsoft.com/es-es/power-bi/guided-learning/gettingstarted#step-0

Planificación docente:

Clase 1: Principios ES6 y introducción a desarrollo web

Trabajo previo necesario

• Conceptos básicos HTML, tutorial: https://www.w3schools.com/html/
  • Conceptos básicos JavaScript, tutorial:  https://www.w3schools.com/js/
  • Conceptos básicos CSS, tutorial: https://www.w3schools.com/Css/

Tarea 1 (EJERCICIO): Descripción detallada, incluyendo entradas necesarias, objetivo de la tarea, resultado que se espera.

Clase 2: Introducción a d3js y consumo de gráficas de terceros.

Trabajo previo necesario:

• Tutoriales d3js: https://www.youtube.com/watch?v=K3FMuLT_3Ik&list=PLEDbaVSIL58PGP65y3kkZse02s79BCbsp

Tarea 2 (EJERCICIO): Consumo y personalización gráfica detallada de la librería de terceros nvd3: http://nvd3.org/examples/index.html

Clase 3: d3js fundamentos y creación de gráfica desde cero.

Tarea 3 (EJERCICIO): Creación de un gráfico de líneas desde cero:

• Setup de canvas.
• Entrada de datos.
• Setup de ejes.
• Configuración de líneas.
• Actualizaciones.

Clase 4: d3js manipulación de datos y manejo de mapas.

Tarea 4 (Ejercicio):  Mostrar resultados por provincia en un mapa de España incluyendo islas canarias.

Clase 5: Introducción a herramientas de visualización de alto nivel.

                Trabajo previo necesario:

• Tutoriales de Power BI indicados en los pre-requisitos.

Tarea 1 (Ejercicio): Creación de un informe de Power BI usando varios orígenes de datos (I):

• Conexión a Orígenes de Datos
• Modelado

Clase 6: Proyecto de Power BI y ejemplos de herramientas de visualización

Trabajo previo necesario:

• Tutoriales de herramientas de visualización

Tarea 2 (Ejercicio): Creación de un informe de Power BI usando varios orígenes de datos (II):

• Generación del informe
• Adición de medidas DAX
• Publicación
• Exploración de Datos