Para mejorar el entendimiento de los datos, es indispensable construir espacios de visualización que integren los diseños prácticos y la claridad de la información desde una data estructurada y bien construida. La visualización de los datos es el medio que provee una visión panorámica de 360 grados sobre la información con la que se cuenta. En este webinar aprenderá a construir visualizaciones efectivas.

1. WWW.IT-NOVA.COMayo 25 de 2017
VISUALIZACIÓN DE DATOS
La clave para añadir valor a sus procesos de negocio,
a través de la información.

2. WWW.IT-NOVA.CO
Somos una empresa de servicios profesionales de consultoría enfocada en lograr
que la tecnología apoye y potencialice los procesos de negocio de nuestros clientes,
orientándonos en su satisfacción a través de servicios de calidad para enfrentar y
resolver los retos a nivel operativo y estratégico de las organizaciones. Nuestro
portafolio de productos y servicios se enfoca en:
QUIENES
SOMOS ?

3. WWW.IT-NOVA.CO
NUESTRAS
LINEAS DE NEGOCIO

4. WWW.IT-NOVA.CO
BI y ANALITICA

5. WWW.IT-NOVA.CO
SOLUCIONES
BI y ANALITICA
TIBCO Spotfire es un software de
análisis que le permite extraer
información valiosa rápidamente para
tomar decisiones más acertadas.
TIBCO Jaspersoft es una solución
de reportes y analítica web que
permite aumentar la
productividad, facilita la
exploración de los datos
Power BI de Microsoft es un
conjunto de aplicaciones de análisis
de negocios que permite analizar
datos y compartir información.
01
03
0204 MULTIPLATAFORMA
SAP Business Object Analytics es una
plataforma que permite descubrir y
analizar información rápidamente
porque provee capacidades analíticas
de business intelligence, planificación
y análisis predictivo para todos los
niveles y áreas de la organización

6. WWW.IT-NOVA.CO
Transformación y
Estructuración de los Datos
Visualización de los Datos Información que agregue valor
Obtención de Respuestas Decisiones Acertadas Visión Panorámica
UNA IMAGEN
VALE MÁS QUE
MIL PALABRAS

7. WWW.IT-NOVA.CO
Transformación y
Estructuración de los Datos
Visualización de los Datos Información que agregue valor
Obtención de Respuestas Decisiones Acertadas Visión Panorámica
www.it-nova.co
UNA IMAGEN
VALE MÁS QUE
MIL PALABRAS

8. WWW.IT-NOVA.CO
Conocer y evaluar los eventos que sucedieron
Análisis predictivo bajo escenarios
de gran variedad de características
Formulación de proyectos estratégicos
Planes anuales de negocios
Presupuestos
Pronósticos
Paquetes de informes de un periodo definido
Planes de compensación de incentivos
Ejercicios de elasticidad de precios de productos
Análisis de fuerza de trabajo
Cumplimiento normativo y de objetivos
Transformación y
Estructuración de los Datos
Visualización de los Datos Información que agregue valor
www.it-nova.co
UNA IMAGEN
VALE MÁS QUE
MIL PALABRAS

9. WWW.IT-NOVA.CO
VISUALIZACIÓN
DE DATOS
Innovación en todas las áreas Comunicación Cuantitativa
Representación gráfica de
datos y conceptos analíticos
Avances tecnológicos
Cognición y la percepción humana
Desarrollo de interfaces gráficas
Análisis y descubrimiento de datos
Exploración de Información
Auto dirigida
Interpretación Fructífera
Nivel y Sofisticación
www.it-nova.co

10. WWW.IT-NOVA.CO
COGNICIÓN Y
PERCEPCIÓN
HUMANA
El procesamiento de información en nuestro cerebro se guía por la forma
en que ésta se presenta.
La sensibilidad visual se activa con los atributos de color, tamaño, textura,
densidad y movimiento de lo que vemos.
Adquirimos más información a través de la visión que a través de todos los
otros sentidos combinados.
Los 20 mil millones de neuronas del cerebro dedicadas al análisis de la
información visual proporcionan un mecanismo de búsqueda de
patrones significativos, valores atípicos y estructuras, un componentes
fundamentales en gran parte de nuestra actividad cognitiva.
www.it-nova.co

11. WWW.IT-NOVA.CO
COGNICIÓN Y
PERCEPCIÓN
HUMANA
Existe una base científica para seleccionar los tipos de gráfico correctos y las codificaciones
visuales para los datos
Clasificación o cuantificación
Posición o longitud
Es posible optimizar los diseños y las visualizaciones creadas, al aprovechar el significado que el
cerebro impone a lo que ve, teniendo en cuenta las interpretaciones que éste hace a las
propiedades visuales de lo que se le presenta
Categorización
Color o forma
Relación
Líneas de conexión o cajas adjuntas
Posición relativa o la longitud Brillo, color o el ángulo de una figura Longitud del arco
Variable más Importante: Posición Variable de Categoría: Color, no cantidad
www.it-nova.co

12. WWW.IT-NOVA.CO
VISUALIZACIÓN
DE DATOS Y BI
Aplicaciones para individuos,
departamentos o a nivel de empresa
Interfaces simples
Capacidades analíticas más completas
Procesamiento analítico en línea
(OLAP).
Provisión de Datos
Valor Obtenido
Mejores Decisiones
Aumento Productividad
Capacidad de ver e
interactuar
visualmente con
medios gráficos
para que puedan
comunicar la
información
eficazmente y
tomar decisiones
basadas en
información a
7%
35%
35%
23%
Consumo de datos principalmente
en el contexto de tablas y texto 65%
35%Consumo e interacción a través de
visualizaciones
La adopción de tecnologías de visualización de
datos aumenta a pasos agigantados y este
tema es cada vez más percibido por las partes
interesadas, en todos los niveles de las
empresas, como una inversión de alto valor.
TDWI Research
www.it-nova.co

13. WWW.IT-NOVA.CO
VISUALIZACIÓN
DE DATOS
Definición del
Propósito
Elección del gráfico
adecuado
Optimización del
gráfico
Integración al
Dashboard
www.it-nova.co

14. WWW.IT-NOVA.CO
DEFINIR EL
PROPÓSITO
¿Qué se está tratando de decir? Selectividad de Atributos
¿Quién es la audiencia?
Los usuarios deben encontrar la
información clave que buscan
¿Qué preguntas tienen ellos?
¿Qué respuestas esperan encontrar?
¿Qué otras preguntas generaría dicha visualización?
www.it-nova.co

15. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
GRÁFICOS DE BARRAS
Compara valores para diferentes categorías de datos. Se pueden configurar con barras verticales u
horizontales, con la longitud o altura de cada barra que representa el valor.
Hay dos tipos de ejes en el gráfico de barras, un eje de categoría y un eje de valor. Las alturas de las
barras representan un cierto valor agregado para cada una de las categorías
www.it-nova.co

16. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
GRÁFICOS DE CASCADA
Muestra cómo el valor inicial de una medida aumenta o
disminuye durante una serie de operaciones o
transacciones.
La primera barra comienza con el valor inicial, y cada
barra subsiguiente comienza donde termina la barra
anterior. La longitud y dirección de una barra indica la
magnitud y el tipo (positivo o negativo, por ejemplo) de
la operación o transacción.
www.it-nova.co
GRÁFICOS COMBINADOS
Muestra barras y líneas en una sola visualización.
Debido al efecto de superposición, es fácil comparar
valores para diferentes columnas o categorías. Las
tendencias pueden ser identificadas, y es posible
detectar las desviaciones directamente.
Para cada punto de datos del eje X, los datos se
agregan en valores en el eje Y. Es posible desplegar
dos escalas diferentes, una para líneas y otra para
barras.

17. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
GRÁFICOS DE LÍNEAS
Muestra las tendencias y, en la mayoría de los casos, las
tendencias en el tiempo; o patrones de
comportamiento en la misma línea de tiempo. . Estos
valores pueden representar datos agregados o no.
Muestran la relación de una variable con otra o tasas de
cambio significativas para una o varias categorías. Se
añaden varias líneas si desea hacer comparaciones de
varias columnas, o si desea hacer comparaciones entre
diferentes categorías dentro de una columna.
www.it-nova.co
GRÁFICOS DE ÁREA
Evalúa las contribuciones a un total en el tiempo
Muestran múltiples series de tiempo apiladas en el eje
Y versus intervalos de tiempo con igual separación en el
eje X.
acumulada, de manera que usted puede ver la
contribución de cada serie a la suma y cómo cambia la
composición de la suma en el tiempo.
Cada línea de la gráfica representa la suma suma
acumulada, de manera que usted puede ver la
contribución de cada serie a la suma y cómo cambia la
composición de la suma en el tiempo.

18. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
MAPA DE CALOR
Muestra cómo el valor inicial de una medida aumenta o
disminuye durante una serie de operaciones o
transacciones.
La primera barra comienza con el valor inicial, y cada
barra subsiguiente comienza donde termina la barra
anterior. La longitud y dirección de una barra indica la
magnitud y el tipo (positivo o negativo, por ejemplo) de
la operación o transacción.
www.it-nova.co
GRÁFICO DE MAPA
Se utiliza un gráfico de mapa para mostrar elementos
en un fondo que con frecuencia, pero no siempre, es
geográfico.

19. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
GRÁFICOS CIRCULARES
Se utiliza para comparar valores de diferentes
categorías en sus datos sobre una base relativa
Cada sector de pastel representa una categoría
específica, y su tamaño, la contribución de la categoría
al valor total, expresado como un porcentaje. Los
valores son generalmente sumas.
GRÁFICOS DE EMBUDO
Muestra en forma de embudo los datos que sumados
alcanzan el 100%. Es un gráfico de serie única que
representa los datos en forma de proporciones del
100% y no utiliza ningún eje.
www.it-nova.co

20. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
DIAGRAMA DE DISPERSIÓN
Brinda una visión general de cómo se distribuyen los datos en dos dimensiones. Cada marcador representa una
observación.
La posición del marcador en el sistema de coordenadas está definida por los valores en el eje X y en el eje Y
ANÁLISIS DE CORRELACIÓN
Identifica el grado de
correlación estadística entre
las variables de la gráfica
ANÁLISIS DE REGRESIÓN
Regresión traza un modelo
de la relación entre las
variables
Los diagramas de dispersión también apoyan el análisis de los patrones de agrupación de los datos.
DIAGRAMA DE BURBUJAS
Muestra las relaciones entre al menos tres medidas. Dos medidas están representadas por los ejes de trazado.
La tercera medida está representada por el tamaño de las burbujas
Cada burbuja representa una observación y puede ser categorizada por colores
www.it-nova.co

21. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
GRÁFICOS DE ÁRBOL
Se utiliza para mostrar enormes cantidades de datos
que se pueden estructurar de forma jerárquica. Cada
rama está simbolizada por un rectángulo, que a su vez
se divide en rectángulos más pequeños que
representan sub-ramas. Dentro de los diferentes
niveles, los rectángulos son dimensionados
proporcionalmente por los valores numéricos.
Permite detectar patrones e irregularidades con una
mirada rápida, gracias a propiedades de tamaño y color.
KPI
Se utiliza para informar rápidamente sobre el
desempeño actual de las empresas.
Se crean KPI diferentes, indicadores clave de
rendimiento, que miden factores que son cruciales para
supervisar y presentarlos en una cuadrícula de
mosaicos.
www.it-nova.co

22. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
DIAGRAMA DE CAJA
El cuartil inferior (percentil 25) está representado por el borde inferior de la caja, y el cuartil
superior (75 percentil) está representado por el borde superior de la caja. La mediana (percentil 50)
está representada por una línea central que divide la caja en secciones. Los valores extremos están
representados por bigotes que se extienden desde los bordes de la caja.
Es un resumen gráfico de la distribución de una muestra en la que se aprecia su forma, tendencia
central y variabilidad a través de de cinco estadísticas (el mínimo, el cuartil inferior, la mediana, el
cuartil superior y el máximo) que resumen la distribución de los datos.
Las gráficas de caja también son útiles para comparar varias distribuciones.
www.it-nova.co

23. WWW.IT-NOVA.CO
ELEGIR
ACERTADAMENT
E LA
VISUALIZACIÓN
APROPIADA
HISTOGRAMA
Es una representación gráfica de una variable en forma de
barras, donde la superficie de cada barra es proporcional a la
frecuencia de los valores representados.
Proveen una "primera vista" general, o panorama, de la
distribución de la población, o de la muestra, respecto a una
característica, cuantitativa y continua
Permite evaluar si los datos se agrupan en torno a un valor
individual o si los datos tienen múltiples picos o modas; si los
datos están diseminados con poca densidad en un rango
amplio o si los datos se encuentran dentro de un rango
pequeño; o finalmente, si los datos son asimétricos o
simétricos.
APROXIMACIONES
Los datos reales probablemente solo se
aproximarán a las distribuciones. Si hay un ajuste
cercano, los datos son modelados
adecuadamente por una distribución dada. Es
posible utilizar un ajuste cercano para calcular las
probabilidades de datos futuros si la distribución
de los datos sigue siendo la misma.
www.it-nova.co

24. WWW.IT-NOVA.CO
TIPOS DE ANÁLISIS
Tendencias en el tiempo
Comparación y Clasificación
Correlación
Distribución
Participación
www.it-nova.co

25. WWW.IT-NOVA.CO
CREACIÓN DE
VISUALIZACIONES EFECTIVAS
Enfocar los datos importantes
Optimizar la legibilidad del análisis
Estructurar el descubrimiento de la información
Evitar sobrecargar las visualizaciones
Formatear el aspecto de las gráficas
www.it-nova.co

26. WWW.IT-NOVA.CO
FORMATEAR EL
ASPECTO DE LAS
GRÁFICAS
El uso efectivo colores y formas facilita la visualización y entendimiento de
los patrones.
Las fuentes recomendadas por criterios de legibilidad y atractivo visual son:
Trebuchet MS o Verdana (Tablas y números)
Arial, Georgia, Tahoma, Times New Roman, Lucida Sans (Texto)
Calibri, Cambria (Tooltips)
Los colores deben ser en lo posible, semánticamente significativos, si se
aplican al contexto de los datos.
Cuando se utiliza una paleta de colores divergentes, el punto medio y los
puntos finales deben ser significativos.
Para el color de las fuentes se recomiendan colores oscuros y gris oscuro
(Ejes y Etiquetas).
Mantener la consistencia de fuentes y estilos a lo largo de las
visualizaciones.
www.it-nova.co

27. WWW.IT-NOVA.CO
ESTRUCTURAR
EL DISEÑO DE
LOS
DASHBOARDS
Ubicar las visualizaciones de mayor relevancia en la parte superior izquierda
Agrupar los filtros, si estos son múltiples. Las esquinas y partes superiores son
lugares ideales para ubicarlos.
Estructurar los filtros a través de las visualizaciones de manera secuencial
Incluir el menor número de visualizaciones para cumplir con el propósito
previamente definido
Si se tiene una leyenda para todas las visualizaciones es recomendable
agruparlas cerca a los filtros. De lo contrario, se deben ubicar lo más cercanas
posibles a las visualizaciones.
www.it-nova.co

28. WWW.IT-NOVA.CO
INTERACTIVIDAD
DE LAS
VISUALIZACIONES
Son útiles cuando sea necesario guiar una historia, fomentar la exploración del usuario o
profundizar en detalles. Independientemente de la interactividad esta debe ser suficientemente
clara para comprender dónde buscar los cambios que su interacción provocará.
Permiten mostrar rápidamente las relaciones entre los valores de un área o categoría específica, incluso a
través de varias vistas. Una de las mejores cosas de resaltar es que preserva el contexto del resto de los
puntos
DESTACADOS
www.it-nova.co
Los filtros le permiten dividir los datos desde diferentes ángulos o profundizar en un nivel más detallado.
Son excelentes maneras de permitir la exploración de datos multinivel y el análisis de datos orientado al
usuario
FILTROS

29. WWW.IT-NOVA.CO
INTERACTIVIDAD
DE LAS
VISUALIZACIONE
S
www.it-nova.co
Son útiles cuando sea necesario guiar una historia, fomentar la exploración del usuario o
profundizar en detalles. Independientemente de la interactividad esta debe ser suficientemente
clara para comprender dónde buscar los cambios que su interacción provocará.

30. WWW.IT-NOVA.CO
INTERACTIVIDAD
DE LAS
VISUALIZACIONE
S
1. Identifique y resalte la información importante
2. Asigne nombres a las medidas para sean específicos y comprensibles
3. Incluya unidades
Cuentan la historia. Estos cuadros de texto aparecen cuando se pasa el cursor
sobre un objeto y pueden marcar la diferencia entre un usuario que entiende o
no una visualización.
TOOLTIPS Y LABELS
www.it-nova.co

31. WWW.IT-NOVA.CO
INTERACTIVIDAD
DE LAS
VISUALIZACIONE
S
1. Ejes fijos o variables: Si son variables, es posible que los usuarios no noten el
cambio en el rango de los ejes.
2. Líneas de cuadrícula: Si no es práctico crear ejes fijos, añada líneas de cuadrícula a
la vista para evidenciar el cambio de los ejes, así como líneas de referencia.
3. Nombres y Unidades de ejes: Asegúrese de que los valores de sus marcas también
estén correctamente formateados.
Los ejes estructuran y proporcionan un marco de referencia para el análisis de las
visualizaciones.
EJES
www.it-nova.co

32. WWW.IT-NOVA.CO
¿QUÉ NO HACER?
www.it-nova.co
Visualizaciones que requieren muchos
pasos para revelar respuestas
Tienden a ser diseñadas por capricho en
un desorden incoherente.
Incluir datos innecesarios y/o plasmarlos en la
estructura incorrecta
Formatos complejos que dificultan el
análisis
Uso de gráficas 3D que distorsionan y
ocultan datos
Incongruencia entre las visualizaciones de
Dashboards.

33. WWW.IT-NOVA.CO
FUENTES
www.it-nova.co
Data Visualization and Discovery for Better Business Decisions
By David Stodder
TDWI research: TDWI best practices Report
Visual Analysis Best Practices
Tableau Software, Inc.
Top Considerations for Effective Visualizations
TDWI e - book

34. WWW.IT-NOVA.CO
¿Cómo es el comportamiento de las ventas por País y Región?
¿Cómo es el comportamiento de las ventas por Jerarquía de Producto y por Región?
¿Cuál es el pronóstico de las ventas para los siguientes 12 meses por segmento de
mercado?
¿Cuál fue el cumplimiento de ventas para cada sector?
¿Qué tanto impacto tienen los descuentos en las unidades vendidas?
www.it-nova.co
UNA IMAGEN
VALE MÁS QUE
MIL PALABRAS
ANÁLISIS DE VENTAS Y PEDIDOS

35. WWW.IT-NOVA.CO
Carlos Marín
Socio Director
carlos.marin@it-nova.co
Tel 57 3156483049
John Ferro
Socio Director
john.ferro@it-nova.co
Tel 57 3167412231
CONTACTO