1 Herramientas de Visualizacion

Introducción a las herramientas de visualización

• El objetivo principal es comprender cómo abordar la asignatura de Herramientas de Visualización.
• La asignatura tiene un enfoque práctico, que usa diferentes librerías y herramientas de visualización.
• Desarrolla los elementos necesarios para utilizar lenguajes de programación como HTML, CSS o JavaScript.
• El enfoque principal es visualizar datos, explicar historias con datos y captar la atención del lector.
• Para visualizar datos se debe entender los datos, representarlos gráficamente y asegurar que el mensaje sea claro para los destinatarios.

Objetivos del tema

• Familiarizarse con la didáctica de la asignatura.
• Identificar las herramientas a utilizar.
• Aproximarse a HTML, CSS y JavaScript como lenguajes básicos para herramientas de visualización.

Librerías y herramientas de visualización

• Algunas personas pueden entender la información en una hoja de cálculo, mientras que otros necesitan ayuda visual.
• La visualización de datos puede ayudar a tratar información compleja y destacar información relevante.
• Una visualización llama la atención y al presentar datos visualmente, descubre patrones.

Herramientas y librerías para usuario desarrollador

• Se requiere conocimientos de programación.
• Esta característica permite personalizar gráficos y tener posibilidades de desarrollo ilimitadas.

Google Chart

• Es la librería de visualizaciones utilizada por Google Spreadsheets y la API de gráficos de Google.
• Es una librería potente y sencilla con una gran variedad de gráficos.
• Enlace: https://developers.google.com/chart

D3.js

• Es una librería de JavaScript que usa HTML, CSS y JavaScript para crear diagramas y gráficos.
• Permite visualizaciones avanzadas con conjuntos de datos complejos.
• Gestiona gráficos vectoriales en formato SVG (Scalable Vector Graphics).
• Enlace: https://d3js.org/

R

• Es un paquete estadístico potente para analizar grandes conjuntos de datos, requiriendo Python.
• Tiene su propio motor de búsqueda: (https://rseek.org/).
• Enlace: https://www.r-project.org/

Herramientas y librerías para usuario no desarrollador

• Es fácil de usar y el usuario final puede extraer, manejar, crear informes o compartir los datos.
• No se necesita un equipo de desarrollo, lo que reduce el tiempo entre la necesidad y la respuesta.

Plataformas modernas de analítica e inteligencia de negocio (ABI)

• Ya no difieren en la visualización de datos, sino en cómo se integran con otras aplicaciones corporativas y su capacidad para acelerar la preparación de datos y conocimiento.
• Gartner evalúa las plataformas ABI con base en 15 capacidades.
• Capacidades que permiten la seguridad de la plataforma, la administración, auditoría y autenticación de usuarios.
• Capacidades para rastrear el uso, gestionar cómo se comparte la información y realizar análisis de impacto.
• La capacidad de apoyar la construcción, despliegue y gestión de análisis y aplicaciones analíticas en la nube.
• Permite la conexión e ingesta de datos estructurados y no estructurados en varias plataformas de almacenamiento.
• El soporte permite la combinación de datos de diferentes recursos y la creación de modelos analíticos.
• Soporte para modelos de datos complejos, incluyendo la capacidad de manejar múltiples tablas.
• Permite generar y agregar automáticamente catálogos.
• Un atributo fundamental de la analítica aumentada es la capacidad de aplicar técnicas de "machine learning" e inteligencia artificial.
• Los usuarios pueden acceder fácilmente a capacidades analíticas avanzadas en la plataforma ABI, o mediante la importación de modelos.
• El soporte es para cuadros de mando interactivos y la exploración de datos por medio de imágenes.
• Permite usar búsquedas en lenguaje natural para consultar los datos.
• El análisis integrado incluye un SDK con API e integra contenido analítico en procesos de negocio.
• Posibilita la creación automática de descripciones lingüísticamente ricas de los conocimientos en los datos.
• Capacidad de crear y distribuir informes programados.

Magic Quadrant for Analytics and Business Intelligence Platforms

• Gartner elabora anualmente este informe que posiciona a las plataformas y herramientas.
• Microsoft (PowerBI), Tableau, Qlik lideran el mercado según Gartner.
• Se incluye adicionalmente Carto por datos cartográficos.

Tableau

• Una herramienta popular de visualización de datos con gráficos, tablas y mapas.
• Los usuarios pueden arrastrar y soltar datos y actualizarlos en tiempo real.
• Enlace: https://www.tableau.com/

PowerBI

• La propuesta de Microsoft permite conectar diferentes orígenes de datos.
• Permite transformar, limpiar, relacionar y visualizar de forma eficiente y sencilla.
• Enlace: https://powerbi.microsoft.com/

Qlik

• Ofrece al usuario final la posibilidad de extraer y manipular datos directamente.
• Permite crear informes sencillos sin necesidad de un equipo de desarrollo.
• Maximiza la facilidad de uso para usuarios no desarrolladores.
• Enlace: https://www.qlik.com/

Carto

• Permite combinar datos tabulares con mapas.
• Puede convertir direcciones en un archivo CSV en latitudes y longitudes y trazarlas en un mapa.
• Enlace: https://carto.com/

HTML, CSS y JavaScript

• Conocimientos de HTML, CSS y JavaScript son necesarios para las herramientas y librerías que necesitan lenguajes de programación.
• Tutoriales recomendados:
  • HTML: https://www.w3schools.com/html/
  • CSS: https://www.w3schools.com/css/
  • JavaScript: https://www.w3schools.com/js/

Estructura de una página web

• Se construye con base en tres niveles: estructura/contenido, apariencia y comportamiento.

Estructura y contenido

• Incluye elementos de la página como texto, imágenes y enlaces.
• Se utiliza HTML.

Apariencia

• Determina los colores, tipografías y alineación de los objetos.
• CSS es utilizado.

Comportamiento

• Aporta la inteligencia para animaciones, validaciones y la conexión a bases de datos.
• Se utiliza JavaScript.

HTML

• Es un lenguaje de marcas para el desarrollo de páginas web con marcas o etiquetas.
• Define la estructura y el contenido; para el estilo visual, se usa CSS.
• Un documento HTML tiene una cabecera y un cuerpo.
• La cabecera contiene metadatos y el cuerpo contiene el contenido final.

CSS

• Permite definir el estilo de una página HTML en el navegador y cada elemento HTML.
• Aísla el contenido de la presentación.
• Los selectores o identificadores son de elemento HTML, de identificador y de clase.
• Enlace con ejemplos: https://www.w3schools.com/css/css_examples.asp

JavaScript

• Permite añadir interacción y funciones dentro de etiquetas <script>.
• Es utilizado para definir la hora y la fecha.

Editor código: Brackets

• Es un editor de código fuente abierto y gratuito creado por Adobe Systems.
• Está enfocado hacia el desarrollo web de "frontend" (HMTL, CSS y JavaScript).
• Enlace: http://brackets.io/
• Tiene una interfaz sencilla que ayuda en la escritura del código.
• Utiliza un código de colores para las etiquetas HTML.
• Muestra una vista previa en vivo para ver los cambios en tiempo real.
• Edita rápidamente etiquetas y permite editar el CSS sin ir al archivo.
• Enlace con guía oficial: https://github.com/adobe/brackets/wiki/How-to-Use-Brackets