Infografías

avanzadas
aplicadas a la
Inteligencia

CRAS VIGILANS GROUP S.L.

Contenido
Visualizaciones de datos frente a infografías ................................................................. 6
¿Qué es una visualización de datos? ......................................................................... 6
¿Qué es una infografía? ............................................................................................. 6
Dónde usar visualizaciones de datos.......................................................................... 6
Dónde usar las infografías .......................................................................................... 7
Consejos para una visualización de datos exitosa ..................................................... 7
Consejos para una infografía eficaz............................................................................ 7
Visualización de datos .................................................................................................... 8
Presentando visualización de datos para involucrar a su audiencia .............................. 9
(1/5) Piense si es necesario un gráfico. .................................................................... 10
(2/5) Etiqueta todo incluso cuando te parezca descaradamente obvio. ................... 11
(3/5) Proporcione una breve descripción general sobre cómo procesó los datos del
gráfico. ...................................................................................................................... 12
(4/5) Sea intencional acerca de las codificaciones visuales. Piense en Gestalt,
jerarquía visual y las implicaciones de los colores.................................................... 13
(5/5) Descripción general primero, zoom y filtro, luego detalles a pedido. ............... 15
Conclusiones............................................................................................................. 16
References ................................................................................................................ 16
Cómo diseñar visualizaciones de datos efectivas ........................................................ 17
El valor de los datos y las visualizaciones de datos ................................................. 17
Cómo las visualizaciones pueden ayudarlo a comprender una gran cantidad de
datos ......................................................................................................................... 17
Creación de visualizaciones de datos, mejores prácticas......................................... 18
Conclusión ................................................................................................................ 21
Principios para elegir la combinación de colores perfecta para su visualización de
datos ............................................................................................................................. 22
Combinación de colores para visualización de datos ............................................... 23
Principios de la consistencia de la combinación de colores ..................................... 24
1. Coherencia del índice numérico............................................................................ 24
2. Consistencia del color del indicador...................................................................... 25
Sugerencias de narración de datos para crear tablas y gráficos más persuasivos ...... 29
El cerebro visual y cómo funciona ................................................................................ 30
Nuestros cerebros visuales se sienten atraídos por la diferencia ................................ 31
Nuestros cerebros están diseñados para identificar patrones...................................... 32
5 consejos de narración de datos para el cerebro visual ............................................. 33
1. Nuestros ojos no siguen un orden específico. ...................................................... 34
2. Nuestros ojos se enfocan primero en lo que se destaca. ..................................... 35

P á g i n a 1 | 99
 3. Nuestros ojos pueden manejar algunas cosas a la vez. ....................................... 35
4. Intentamos encontrar significado en los datos. ..................................................... 36
5. Nos guiamos por convenciones culturales............................................................ 37
Ejemplos de cómo mejorar la narración de datos ........................................................ 38
Antes ......................................................................................................................... 38
Después .................................................................................................................... 38
Antes ......................................................................................................................... 39
Después .................................................................................................................... 39
Antes ......................................................................................................................... 40
Después .................................................................................................................... 40
Antes ......................................................................................................................... 41
Después .................................................................................................................... 42
Compare 6 Types and 14 Data Visualization Tools (Updated 2020) ............................ 43
1.Code tools............................................................................................................. 43
D3.js ...................................................................................................................... 43
Plotly ...................................................................................................................... 43
gglot2 ..................................................................................................................... 44
2. Visual Reporting or BI ........................................................................................ 44
Excel ...................................................................................................................... 45
FineReport ............................................................................................................. 45
Tableau.................................................................................................................. 45
3. Maps ..................................................................................................................... 46
Leaflet .................................................................................................................... 46
Power Map ............................................................................................................ 47
4.Infographic Tool ................................................................................................... 47
Piktochart............................................................................................................... 47
Visme:.................................................................................................................... 48
5.Net-work graphs ............................................................................................... 48
Keylines: ................................................................................................................ 48
Gephi ..................................................................................................................... 49
6. Large-Screen Visualization ................................................................................ 49
Ali DataV................................................................................................................ 49
FineReport ............................................................................................................. 50
Los 16 tipos principales de gráficos en visualización de datos .................................... 51
1. Gráfico de columnas ............................................................................................. 51
2. Gráfico de barras .................................................................................................. 51
3. Gráfico de líneas ................................................................................................... 52

P á g i n a 2 | 99
 4. Gráfico de área ..................................................................................................... 53
5. Gráfico circular ...................................................................................................... 54
6. Gráfico de dispersión ............................................................................................ 54
7. Gráfico de burbujas ............................................................................................... 55
8. Velocímetro ........................................................................................................... 55
9. Gráfico de radar .................................................................................................... 56
10. Diagrama de estructura....................................................................................... 57
11. Diagrama de árbol rectangular............................................................................ 58
12. Gráfico de embudo.............................................................................................. 58
13. Gráfico de nube de palabras ............................................................................... 59
14. Diagrama de Gantt .............................................................................................. 60
15. Mapa ................................................................................................................... 61
(1) Mapa regional ...................................................................................................... 61
(2) Mapa de puntos, líneas o polígonos .................................................................... 61
(3) Mapa de flujo ....................................................................................................... 63
16. Mapa de calor ..................................................................................................... 64
Efectos dinámicos 3D ............................................................................................... 64
Floor Plan Maps ........................................................................................................ 65
Mapas cognitivos .......................................................................................................... 66
Mapas cognitivos de telaraña ................................................................................... 66
Mapas cognitivos difusos .......................................................................................... 67
Mapas de calamar..................................................................................................... 67
Mapas de cajas ......................................................................................................... 67
Mapas de nubes........................................................................................................ 68
Mapas de algoritmo................................................................................................... 68
Mapas de ciclos (flujos)............................................................................................. 68
Mapa de conglomerados........................................................................................... 69
Mapa de Grafos ........................................................................................................ 69
Mapa ontológico ........................................................................................................ 70
Data Storytelling with Maps .......................................................................................... 71
Selecting the right map type for effective storytelling ................................................... 71
1. Map types used to narrate about natural calamities ............................................. 72
2. Map types for depicting density and quality differences........................................ 74
3. Maps used to narrate about data or information flow and distance ...................... 78
4. Maps for everybody............................................................................................... 81
¿Cómo pueden los principiantes diseñar visualizaciones de datos dinámicos? .......... 82
1. ¿Por qué visualizamos datos? .............................................................................. 82

P á g i n a 3 | 99
 2. ¿Qué es la visualización de datos? ...................................................................... 82
3. ¿Cómo lograr una visualización de datos confiable?............................................ 82
3.1 ¿Quién es el beneficiario de la visualización?................................................. 83
3.2 Analizar el sistema de indicadores .................................................................. 83
3.3 Combinar visualización de datos con soluciones empresariales .................... 83
Paso 1: desde la perspectiva de la operación en general, debe tener claros los
factores clave que afectarán el rendimiento. ............................................................ 83
Paso 2: Debe profundizar en los factores clave y averiguar qué factores están
causando que el rendimiento falle. ........................................................................... 83
4. Herramientas de visualización de datos ............................................................... 84
Paneles de control en tiempo real ......................................................................... 85
Análisis multivariables ........................................................................................... 85
Top 7 Chart Types for KPI Dashboards........................................................................ 86
7. Dynamic Chart ...................................................................................................... 86
Time gear ................................................................................................................. 86
INFOGRAFÍAS ............................................................................................................. 89
¿Qué es una infografía? ........................................................................................... 89
Tipos de infografías................................................................................................... 89
Infografías estáticas .............................................................................................. 89
Infografías animadas ............................................................................................. 90
Infografías interactivas .......................................................................................... 91
¿Por qué hacer una infografía? ................................................................................ 91
Recursos visuales para crear una infografía............................................................. 91
Lenguaje verbal ..................................................................................................... 92
Lenguaje esquemático .......................................................................................... 92
Lenguaje pictórico ................................................................................................. 93
7 pasos para crear una infografía ............................................................................. 94
1. Foco................................................................................................................... 94
2. Investigación...................................................................................................... 94
3. Selección ........................................................................................................... 94
4. Redacción, revisión y corrección ....................................................................... 94
5. Borrador............................................................................................................. 94
6. Ejecución ........................................................................................................... 94
6 Consejos de Diseño para infografías ..................................................................... 96
7. Divulgación y conversión ...................................................................................... 97
8 trucos para escribir el texto de una infografía ........................................................ 97
Realiza una conexión emocional con el público .................................................... 97
Supera la simple redacción ................................................................................... 98
P á g i n a 4 | 99
 Organiza el contenido............................................................................................ 98
Desarrolla un contenido considerando las técnicas SEO ...................................... 98
Adopta la escaneabilidad como regla.................................................................... 98
Pon un título atractivo ............................................................................................ 98
Utiliza oraciones cortas ......................................................................................... 98
Invierte en la sencillez ........................................................................................... 98
Conclusión ................................................................................................................ 99

P á g i n a 5 | 99
Visualizaciones de datos frente a infografías
Las visualizaciones de datos y las infografías son muy similares lo que genera mucha
confusión y debate sobre cuál es cuál y qué gráfico pertenece a dónde. Aunque están
relacionadas, las infografías y las visualizaciones de datos no son lo mismo. Es
importante comprender las fortalezas de cada opción para que pueda elegir el mejor
enfoque para su información.

¿Qué es una visualización de datos?

Una visualización de datos es una representación de un conjunto específico de datos
numéricos. Presenta información objetiva y cuantificable. Las visualizaciones de datos
generalmente se enfocan en un conjunto de datos pequeño y específico. Convierten lo
que de otro modo podría ser una colección complicada de números en algo que se
comprende fácilmente de un vistazo. Las visualizaciones de datos aprovechan al
máximo el hecho de que el cerebro humano procesa imágenes 60.000 veces más rápido
de lo que procesa texto.
Las visualizaciones de datos son bastante simples, ya que se enfocan en un solo
conjunto de estadísticas o responden una pregunta con la información compilada. A
menudo se generan automáticamente en forma de cuadros, diagramas y gráficos
utilizando los programas informáticos adecuados, lo que requiere una personalización
mínima para una apariencia elegante y terminada. Toman un determinado conjunto de
números y los traducen a una imagen para una comunicación más eficaz de un tema y
una traducción rápida de un conjunto de datos limitado.

¿Qué es una infografía?

Una infografía es una representación visual de una gran colección de información.
Cuenta una historia más completa que una sola visualización de datos y, a menudo,
ofrece subjetividad. Si bien una infografía puede cubrir un tema con muchos datos,
también puede explorar fácilmente uno muy subjetivo, como las mejores vacaciones en
la playa o los métodos de limpieza más efectivos.
Una infografía puede contener una o más visualizaciones de datos. Estos suelen ir
acompañados de breves notas publicitarias, citas u otros textos que profundizan en el
tema o unen una colección de visualizaciones. El propósito principal de una infografía
es explorar un tema complejo y completo. Si bien la infografía generalmente ofrecerá
varios datos cuantificables y estadísticos, no siempre lleva al espectador a una sola
conclusión. Las infografías a menudo educan a los espectadores sobre un tema para
que finalmente puedan llegar a su propia conclusión final al respecto.

Dónde usar visualizaciones de datos

Las visualizaciones de datos son efectivas en una variedad de lugares. Uno de sus usos
principales son los paneles de control. Las aplicaciones, los programas informáticos y
los portales en línea a menudo dependen en gran medida de una serie de
visualizaciones de datos que presentan información actualizada. En una aplicación de
administración de dinero, las visualizaciones de datos pueden ilustrar qué porcentaje de
su sueldo se destinó a gasolina, comestibles, alquiler y entretenimiento. Una
visualización rápida hace que sea mucho más fácil digerir su asignación de fondos que
simplemente mirar los números.

P á g i n a 6 | 99
Las visualizaciones de datos también son ideales para dividir largos bloques de texto y
resaltar de manera efectiva estadísticas importantes.

Dónde usar las infografías

Las infografías son lo suficientemente completas como para valerse por sí mismas.
Aunque a menudo van acompañadas de una breve introducción, incluso esta suele ser
innecesaria. El propósito de una infografía es contar una historia completa, por lo que
se puede compartir infografías en casi cualquier lugar. Algunos de los usos comunes de
la infografía son los siguientes:

• Estudios de caso
• Folletos o flyers
• Publicaciones de blog
Las infografías también se traducen bien en carteles, si estás interesado en producir
medios impresos. Si está buscando algo que se pueda compartir fácilmente, una
infografía concisa podría funcionar en RR.SS.

Consejos para una visualización de datos exitosa

Las visualizaciones de datos a menudo se presentan con una mínima presentación
textual e introducción. Pueden resaltar las estadísticas utilizadas en un artículo de
periódico, blog u otra pieza impresa, junto con el texto. El diseño gráfico es menos
importante con una visualización de datos que con una infografía. El enfoque principal
aquí es la presentación efectiva de información.
Cuando diseñe una visualización de datos, asegúrese de que tenga estas
características:

• Fácilmente comprensible de un vistazo

• Conciso
• Bien presentado
• Centrado en un solo punto

Consejos para una infografía eficaz

Las infografías presentan mucha información, por lo que es importante organizarlas
bien. Una infografía puede convertirse en un lío confuso si cubre un tema demasiado
extenso, ofreciendo hechos que aparentemente no están relacionados entre sí. Idear
una infografía es más complejo que elegir un tema para una visualización de datos. Las
infografías necesitan varios conjuntos de datos, hechos o anuncios que se relacionen
con el mismo tema general.
Crear una infografía requiere una planificación y un pensamiento cuidadosos. Cuando
diseñe una infografía, tenga en cuenta las cosas que debe hacer:

• Cuenta una sola historia

• Fluye con sensatez de principio a fin
• Sea fácil de seguir
• Presenta una imagen única y coherente
• Cómo elegir el enfoque correcto
P á g i n a 7 | 99
Si todavía se siente un poco perdido en cuanto a si desea una visualización de datos o
una infografía, determine exactamente lo que desea compartir con su audiencia.
¿Presenta detalles concretos que acompañan a su texto y ayuda a los usuarios a
visualizar mejor un subconjunto particular de los macrodatos que tiene archivados?
Aunque el alcance final de su investigación puede ser grande, si el tema es pequeño y
está enfocado en algo concreto, está buscando una visualización de datos.
Si no puede resumir su tema en una sola imagen, lo que busca es una infografía.
Recuerde que una infografía puede contener múltiples visualizaciones de datos, pero lo
contrario no es cierto. Cualquier tema que sea subjetivo, exploratorio o que consta de
varias preguntas es adecuado para una infografía. Los diagramas de flujo, las líneas de
tiempo, las comparaciones, los mapas y las listas son ejemplos de infografías que
pueden ayudar a aclarar su información.
Elegir la opción correcta para su pieza lo ayudará a comunicar su punto de la manera
más efectiva posible a los espectadores, de modo que su contenido tenga el impacto
que busca.

Visualización de datos
Hay una palabra que se encuentra entre las peores de todas las palabras. Escucharlo
provoca sentimientos de confusión, enojo y tristeza. Esa palabra es informe.
Tomo los datos de las personas y los organizo en un formato visual que les ayuda a
comprender y reaccionar un poco mejor a su mundo, y hay términos perfectamente
aceptables para describir esto, como panel de control, visualización. Simplemente no lo
llames informe.
Una mesa gigante repleta de todo detalle de información que podría ser relevante es lo
que yo llamaría un informe. No hace ningún esfuerzo por aclarar o transmitir un punto
de vista.
La visualización, por otro lado, es un participante activo tratando de extraer la verdad de
los datos. Ningún trabajo analítico está completo sin él. Pero no es solo un complemento
al final o una apariencia agradable para un conjunto de análisis perfectamente fino. Es
vital para cómo se entienden y perciben las analíticas. A diferencia de los informes, la
visualización tiene una capacidad única para aclarar ideas turbias y establecer
conexiones que de otro modo se habrían perdido.
La visualización es importante pero difícil de ejecutar bien, y hasta que la gente no vea
que produce beneficios consistentemente, no la aceptarán.
Las otras disciplinas de la analítica tienen una dureza que es más fácil de comprender,
ejecutar y desarrollar el talento. La transformación de datos requiere un conjunto bien
definido de habilidades y herramientas para lograr un objetivo bien definido de obtener
datos de allí, limpiarlos y colocarlos aquí. La ciencia de datos, de manera similar, aunque
algo más vaga, utiliza una variedad de métodos bien definidos y matemáticamente
sólidos para resolver problemas particulares.
La visualización, sin embargo, requiere experiencia en campos que son notoriamente
difíciles de definir y dominar, como la psicología, la percepción visual y la comunicación.

P á g i n a 8 | 99
Se ha realizado un gran trabajo en los últimos años para fortalecer parte de la ciencia
que lo rodea. Pero por su naturaleza, la visualización es relacional y contextual y no
puede endurecerse en un conjunto rígido de reglas. Hay demasiadas variables en juego
cuando se trata de comunicarse e influir en los seres humanos. Lo que funciona para un
conjunto de datos no funciona para otro. Lo que funciona para un grupo de personas no
funciona para otro.
La visualización es una solución altamente personalizada para problemas únicos y muy
complejos. Los marcos se pueden tomar prestados de soluciones similares, pero son
solo puntos de partida, ya que las excepciones para cada problema exigen un enfoque
más personalizado. Como resultado, es difícil llevar a cabo un proyecto de visualización
exitoso y aún más difícil desarrollar el talento que produce el éxito de forma repetible.
Si te importa ser bueno en visualización y has tenido la oportunidad de crear proyectos
para otros, entonces, probablemente hayas experimentado actitudes indiferentes o
resistentes que te hagan preguntarte si realmente le importa a alguien más que a ti.
Cada libro que lee explica de manera convincente que los gráficos circulares son una
mala idea, pero el cliente insiste en usarlos. Los principios de un buen diseño le dicen
que usar verde para todos los aspectos positivos y rojo para todos los negativos es difícil
de leer, pero sus sugerencias de colores alternativos son rechazadas repetidamente. O
no importa qué tan bien seleccione los tipos de gráficos y emplee la revelación
progresiva para contar una historia coherente, todo lo que los usuarios quieren al final
del día es una tabla que pueden descargar en Excel.
Hay un sinfín de ejemplos que se podría citar que hacen que la visualización parezca
una batalla cuesta arriba y sin fin. Pero si ha estado practicando durante un período de
tiempo, entonces sabe que algo más es cierto: cuando todo se junta, no hay nada más
glorioso que un proyecto de visualización exitoso.
El impacto positivo que tiene en los usuarios finales es innegable, y esa sensación
satisfactoria de marcar la diferencia hace que vuelva por más.
La realidad es que la visualización importa mucho, pero muchos no están convencidos
porque todavía no han visto que se haga bien. Nuestro trabajo es demostrar que importa
creando grandes proyectos. Si bien el punto es obvio, cómo lograrlo de forma repetible
no lo es.
Existen mejores prácticas y métodos útiles, pero no existe una fórmula. Lo que se
necesita es un conjunto de principios rectores que puedan adaptarse a la infinita
variedad de formatos que puede adoptar un proyecto de visualización.

Presentando visualización de datos para involucrar a

su audiencia
Como investigadores, necesitamos comunicar los datos de una manera que tenga
sentido para la audiencia. Naturalmente, el proceso y los artefactos difieren según el
tipo de datos.
Dado que las partes interesadas no solo querían los resúmenes de alto nivel, sino
también la oportunidad de profundizar en los resultados, la creación de gráficos es el
camino a seguir. Mostrar gráficos sería mucho más eficiente que guiar a las partes

P á g i n a 9 | 99
interesadas a través de una hoja de cálculo de Excel, ya que alivia la carga de leer la
entrada en cada fila y sintetizar mentalmente la información.
Ciertos diseños de gráficos provocan discusiones más significativas, mientras que otros
causan más confusión de la necesaria. Aquí están algunas conclusiones de esta
experiencia:
1. Necesidad. Piense si es necesario un gráfico
2. Etiquetas. Etiqueta todo. Los títulos, leyendas, etiquetas de series y etiquetas de
ejes son los cuatro elementos básicos que puede (y posiblemente debería) incluir
3. Contexto. Proporcione un contexto detrás de cómo se procesan los datos para
cada gráfico, para que su audiencia tenga el marco de referencia correcto
4. Codificaciones. Sea intencional con las codificaciones visuales
5. Shneiderman. Siga el mantra de Shneiderman para explicar un gráfico:
"descripción general primero, zoom y filtro, luego detalles a demanda".

Una imagen que muestra diferentes tipos de iconos de gráficos.

Iconos del IBM Carbon Design System

(1/5) Piense si es necesario un gráfico.

En última instancia, somos responsables de hacer entender nuestro punto. Durante una
presentación, no es trabajo de la audiencia obtener información valiosa de un gráfico
complicado. Si creamos un gráfico, es mejor elegir una representación que sea
fácilmente comprensible, a menos que el esfuerzo que se necesita para explicar el
gráfico valga la recompensa y el impacto. Esto implica que, a veces, es mejor no usar
un gráfico en absoluto.

P á g i n a 10 | 99
Los gráficos complejos a veces introducen más confusión de la necesaria. Elegir
sabiamente; decida si el esfuerzo que se necesita para explicar el gráfico merece la
recompensa y el impacto.
En resumen, los gráficos están ahí para respaldar su punto. Ellos no son el punto.
Priorizar la practicidad; perderá el gráfico si no es efectivo.

(2/5) Etiqueta todo incluso cuando te parezca descaradamente obvio.

Cuando se trata de gráficos, las etiquetas son cruciales para que se expliquen por sí
mismas. Para que una plataforma sea independiente, es importante ser minucioso.
Estos son los elementos básicos que ayudarían a lograrlo:
1. Título. Un resumen conciso que explica lo que muestra el gráfico. Una forma de
escribir un título es indicar los ejes, explicar su relación e incluir información
adicional que pueda tener en la leyenda. Vea el ejemplo a continuación.
2. Etiquetas de serie. Estos se refieren a los valores de sus atributos de datos.
Incluirlos o no depende del contexto; Me ha resultado útil incluirlos de todos
modos para poder llamar fácilmente los valores exactos cuando sea necesario.
3. Leyenda. Si está utilizando algún elemento de codificación visual (colores,
formas, etc.), colóquelo. Esto ayuda a eliminar muchas de las preguntas "qué
estoy mirando" o "qué significa el azul".
4. Etiquetas de eje. Describe tus ejes con palabras. Aquí hay dos elementos: el
nombre (por ejemplo,% de clientes) y las etiquetas de categoría / valor (por
ejemplo, 20%, 40%, 60%). Si sus etiquetas de valor están en unidades
especiales, menciónelas (p. Ej., "20" podría ser 20 recuentos, 20% o 20K ). El
etiquetado adecuado ayuda a reducir los errores de comunicación.

P á g i n a 11 | 99
 Cuatro elementos básicos de un gráfico: título, etiquetas de serie, leyenda y etiquetas de eje

Una forma de escribir un título es enunciar los ejes, explicar su relación e incluir cualquier
información adicional.

Una forma de escribir el título de un gráfico: indicar los ejes (Y:% de clientes, X: cada
herramienta), explicar su relación (uso) e incluir cualquier información adicional que
pueda tener en la leyenda (año).
En resumen, sus gráficos son mucho más efectivos si se explican por sí mismos.
Etiqueta todo.

(3/5) Proporcione una breve descripción general sobre cómo procesó los datos
del gráfico.
Resulta muy útil explicar cómo procesamos los datos para un gráfico antes de
profundizar en los detalles. Esto no solo le brinda a su audiencia un vistazo del proceso,
sino que también ayuda a despejar posibles confusiones por adelantado. Algunas
preguntas comunes que he respondido incluyen:
1. ¿Por qué los números no suman el 100%? (Porque es de selección múltiple)
2. ¿Por qué cambió el tamaño de la muestra? (No fue así, solo excluí xx del análisis
debido a xyz)
3. ¿Cómo obtuviste este número exacto? (Hice una referencia cruzada de sus
respuestas entre las preguntas 3 y 4)

P á g i n a 12 | 99
Nuevamente, depende de nosotros mencionarlos por adelantado para que la audiencia
tenga el marco de referencia correcto. De esta manera, podemos involucrarlos mejor en
la discusión, en lugar de permitir que la falta de contexto ocupe su atención.

Un gráfico de barras que suma más del 100% porque la pregunta fue de selección múltiple

En resumen, explicar su proceso proporciona a la audiencia más contexto y una mejor

idea del gráfico que están viendo.

(4/5) Sea intencional acerca de las codificaciones visuales. Piense en Gestalt,

jerarquía visual y las implicaciones de los colores.
Muchos factores influyen en la forma en que percibimos la información visual; esto no
es nada nuevo. Los Principios de la Gestalt describen varios: proximidad, similitud y
cierre, todos los cuales pueden aplicarse al diseño (Eleana Gkogka escribió un gran
artículo sobre esto). Jock MacKinlay, miembro técnico de Tableau, también describió
varias codificaciones útiles para cuando mapeamos datos en píxeles: posición,
saturación de color, densidad, por nombrar algunos.
En pocas palabras, la forma en que jugamos con el espaciado, la textura y los colores
puede tener un gran impacto en la comprensibilidad de un gráfico. A continuación, se
ofrecen algunas sugerencias concretas para diseñar su gráfico:
Uno. En un gráfico de barras, deje la cantidad adecuada de espacio entre columnas,
especialmente cuando las barras están agrupadas o apiladas. El espaciado ayuda a
comunicar la agrupación.

P á g i n a 13 | 99
 Dejar suficiente espacio entre columnas puede ayudar a comunicar visualmente la naturaleza
de la agrupación.

Dos. En un gráfico de líneas, use al menos una codificación para distinguir las líneas (a
menos que su visualización sea interactiva y permita a la audiencia desplazarse
rápidamente para obtener detalles). Para los gráficos estáticos, el principio de
continuidad de la Gestalt no siempre es su amigo aquí: si las líneas se cruzan o
muestran una tendencia inesperada, es fácil leer mal el gráfico.

El uso de múltiples codificaciones visuales para distinguir las líneas en un gráfico de líneas
ayuda a reducir las malas interpretaciones

Para un gráfico de líneas estáticas, use al menos una codificación visual para distinguir
las líneas. Si las líneas se cruzan o muestran una tendencia inesperada, es fácil
malinterpretar el gráfico.
Tres. Cuando use colores para representar diferentes niveles de una variable ordinal,
experimente con la polarización: en saturación (p. Ej., De silenciado a vibrante), tono (p.
Ej., Verde a rojo) o brillo (p. Ej., Oscuro a claro). La progresión natural ayuda con el
procesamiento. Elegir colores aleatorios, especialmente cuando la variable incluye más
de 4 niveles, se vuelve difícil de seguir.

P á g i n a 14 | 99
 Elija colores con intención. Juega con el tono, la saturación y el brillo del color

En resumen, sea intencional acerca de cómo usa las codificaciones visuales. El

espaciado, los colores, etc. pueden hacer o deshacer un gráfico.

(5/5) Descripción general primero, zoom y filtro, luego detalles a pedido.

Ben Shneiderman, profesor de la Universidad de Maryland, propuso este mantra de
búsqueda de información visual que explica cómo nos relacionamos con la visualización.
La idea es que le damos sentido a una visualización al tratar de obtener una descripción
general de lo que está sucediendo primero, luego acercar / filtrar las piezas irrelevantes
para enfocarnos en las específicas y, por último, dar pistas sobre los detalles. De
amplitud a profundidad, el embudo de información se siente casi como una pirámide
inversa.
Si bien el mantra se aplica con mayor frecuencia a visualizaciones interactivas, aún
podemos aplicarlo a gráficos estáticos, especialmente en un formato de presentación
en el que explicaremos lo que muestra el gráfico. Si hay algo en un gráfico al que le
gustaría dirigir la atención de la audiencia, siga estos tres pasos:
1. Resumen primero. Dígale a la audiencia lo que están mirando (básicamente, el
título, por ejemplo, "esta es una trama que muestra empresas por edad y tamaño.
Cada punto representa una empresa específica").
2. Zoom y filtro. Dirija la atención de su audiencia a una parte específica del gráfico.
Puede hacer esto verbalmente o agregando señales visuales como colores,
textura y contornos (por ejemplo, "vea ese punto en rojo")
3. Luego detalles a pedido. Dar los detalles. ¿Qué está mostrando exactamente?
¿Qué otra información relevante podría ser importante aquí? (p. ej., "este punto
es la empresa xx ... es interesante aquí porque ...")

P á g i n a 15 | 99
Para explicar un gráfico, comience con la descripción general, guíe la atención de su audiencia
y, finalmente, proporcione detalles

Es un enfoque muy sólido para guiar a la audiencia a través de un gráfico.

En resumen: vista general primero, zoom y filtro, luego detalles a demanda.

Conclusiones
Las visualizaciones de datos, cuando se hacen bien, son un gran artefacto para atraer
a su audiencia porque le permite ver lo que muestran los datos sin tener que buscar en
SPSS o Excel. Para resumir el artículo, aquí están estas conclusiones sobre la
creación/explicación de visualizaciones de datos al realizar este proyecto de
investigación cuantitativa:

• Necesidad. Piense si es necesario un gráfico

• Etiquetas. Etiqueta todo. Los títulos, leyendas, etiquetas de series y etiquetas de
ejes son los cuatro elementos básicos que puede (y posiblemente debería) incluir
• Contexto. Proporcione un contexto detrás de cómo se procesan los datos para
cada gráfico, para que su audiencia tenga el marco de referencia correcto
• Codificaciones. Sea intencional con las codificaciones visuales
• Shneiderman. Siga el mantra de Shneiderman para explicar un gráfico:
"descripción general primero, zoom y filtro, luego detalles a pedido"

References

• Carbon Design System by IBM

• Gestalt Principles in UI Design by Eleana Gkogka
• Automating the Design of Graphical Presentations of Relational
Information by Jock Mackinlay
• The Eyes Have It: A Task by Data Type Taxonomy for Information
Visualizations by Ben Shneiderman

P á g i n a 16 | 99
Cómo diseñar visualizaciones de datos efectivas
El valor de los datos y las visualizaciones de datos
Para darse cuenta del verdadero valor de los datos, es necesario procesarlos y
convertirlos en algo que le permita ver información importante, identificar patrones,
comprender conceptos difíciles, obtener información basada en datos y, en última
instancia, tomar mejores decisiones. Las visualizaciones de datos son nuestros aliados.

Cómo las visualizaciones pueden ayudarlo a comprender una gran cantidad de

datos
A continuación, se muestra un ejemplo de un conjunto de datos que es difícil de
comprender por completo de un vistazo:
Country Name,Country Code,2017
Denmark,DNK,5769603
Germany,DEU,82695000
Spain,ESP,46572028
France,FRA,67118648
Austria,AUT,8809212

La tabla muestra la población de cinco países de Europa. Cada país tiene un

valor muy diferente al resto. ¿Cuánto tiempo le lleva averiguar qué país tiene la
tercera población más grande?
Estos son los mismos datos, pero presentados como un gráfico de barras:

Vea cómo una simple visualización de datos hace que los datos sean mucho más fáciles de
digerir.

Ahora, intentemos algo un poco más complicado:

Country Name,Country Code,1967,1977,1987,1997,2007,2017
Kenya,KEN,10154484,14528293,21119318,28954114,38085909,49699862
Ukraine,UKR,46060452,49290905,51293000,50594105,46509350,44831159
Algeria,DZA,13354197,17690184,23917897,29886839,34300076,41318142

P á g i n a 17 | 99
La tabla anterior muestra tres países más con su tamaño de población en
intervalos de 10 años entre 1967 y 2017. Tenemos 18 números grandes para
comprender y comparar. En cinco segundos, ¿puede decirme qué país registró
la mayor tasa de crecimiento entre 1977 y 1997?
Una vez más, aquí se visualizan los mismos datos para ayudarlo a encontrar la
respuesta más rápido:

Todo esto puede parecer un poco obvio. Todos aprendimos sobre los beneficios
de las tablas y gráficos en la escuela. Sin embargo, los principios que se aplican
aquí son los mismos que se utilizarán para comprender todos los datos
generados por las personas que interactúan con cosas en línea. Si puede
procesar y visualizar datos de la manera correcta, le enseñará cosas que nunca
hubiera conocido de otra manera. Es por eso que los datos tienen tanto valor
intrínseco, son la clave para desbloquear nuestra comprensión de prácticamente
todo.
Creación de visualizaciones de datos, mejores prácticas
Ahora que comprendemos mejor la importancia de representar grandes
cantidades de datos a través de visualizaciones, deberíamos analizar cómo lo
hace realmente. Cada visualización debe tener su propia personalidad única;
una representación que se adapta a los datos que se deben comunicar. Sin
embargo, los objetivos principales de casi todas las visualizaciones son
idénticos:
• Para revelar información importante
• Comprender conceptos complejos
• Identificar patrones
• Para obtener información basada en datos
Con estos objetivos en mente, es esencial que una visualización pueda decir
algo de un vistazo. El conjunto de datos se debe leer y comprender con poco
esfuerzo. Debe estar representado de la manera más clara y concisa posible.
Para ello, es necesario elegir los gráficos, colores y formas correctos para
adaptarse a sus datos específicos. Una visualización que requiere una
explicación extensa es una mala visualización. Por lo general, esto se debe a
P á g i n a 18 | 99
que alguien no ha pensado lo suficiente en cómo mostrar los datos o ha intentado
mostrar demasiados detalles.

Ejemplo de "algo de un vistazo"

En la búsqueda de la inteligibilidad "de un vistazo", cualquier campo que no sea

necesario para una comprensión básica y otros detalles superfluos deben
mantenerse ocultos. Siempre puede hacer que la visualización sea interactiva y
dar la opción de revelarlos mostrando más detalles. Si proporciona interactividad,
siempre es recomendable utilizar transiciones y animaciones que ilustren
claramente lo que ha cambiado. Esto ayudará a guiar la comprensión de la
audiencia y a adaptar los datos a sus necesidades sin que se pierdan.

Ejemplo de "dar la opción de revelarlos mostrando más detalles"

Pero crear una visualización de datos clara y eficiente no se trata solo de

decisiones de diseño. Para empezar, debe determinar el propósito de la
visualización y definir qué datos incluir. Una vez que estos se hayan decidido y
el diseño haya pasado por varias iteraciones, será necesario desarrollar la
visualización. Si no ha involucrado a un desarrollador antes de esto,
generalmente solo ahora se identifican las deficiencias de los datos o del diseño.
Para tener éxito, la producción de una visualización requiere una variedad de
habilidades y puntos de vista diversos a lo largo de todo el proceso.
P á g i n a 19 | 99
Además de esto, también debe asegurarse de documentar bien el ciclo de vida
del proyecto. Mantenga un registro de cosas como exactamente qué datos ha
decidido mostrar, las distintas versiones del diseño de la visualización y haga
una lista de tareas pendientes. Ayudará a mantener a todos en el camino
correcto y trabajando hacia los mismos objetivos.
Diseñar una visualización de datos eficaz no se trata de hacer que los números
se vean bonitos. Es un ejercicio de comunicación visual clara. Para asegurarse
de que está en el camino correcto y crear visualizaciones que sean útiles y
estéticamente agradables, debe hacerse las siguientes preguntas:
1. ¿Qué datos queremos mostrar?
Antes de hacer cualquier otra cosa, decida los datos que mostrará la
visualización, cuáles son sus objetivos y qué puede revelar posiblemente. Cada
visualización debe tener un objetivo claramente definido para impulsar su
creación.
2. ¿Qué necesitamos para comprender completamente los datos?
Siguiendo la pregunta anterior, deberá decidir qué necesitará para comprender
completamente sus datos. Debe reflexionar un poco sobre si necesita comparar
conjuntos de datos, si hay algún ajuste de rango de datos requerido y cuáles
serán las cosas más importantes para resaltar.
3. ¿Será esto comprensible "de un vistazo"?
Su visualización debe poder comunicar lo que necesita casi al instante. Revise
continuamente sus diseños y simplifíquelos siempre que sea posible. Esto
requerirá mucho pensamiento y esfuerzo, pero tenga paciencia. Esto es esencial
para una visualización eficaz.
4. ¿Conocemos a nuestra audiencia?
Incluso si es para usted, considere quién utilizará su visualización de datos.
¿Qué querrán de él? ¿Cómo es probable que interactúen con él? ¿Qué saben
ya? Su visualización de datos debe diseñarse y construirse en función de sus
necesidades.
5. ¿Estamos presentando los datos con precisión?
Puede ser fácil cometer errores. Asegúrese de presentar todos los datos de
forma precisa y transparente. Tenga cuidado con la mezcla de ejes o la distorsión
de datos al no iniciar un eje en cero. Piense en cómo sus decisiones de diseño
pueden hacer que los datos se malinterpreten, ya sea intencionalmente o no.
6. ¿Estamos tratando de incluir demasiado?
Una vez que comience, puede ser fácil caer en la tentación y agregar más y más
detalles de datos a su visualización. ¡No lo hagas! Una visualización puede
comunicar muy bien una cosa o muchas cosas mal. Dale a tu visualización un
objetivo único y cíñete a él. Si cree que agregar ese detalle adicional es 100%

P á g i n a 20 | 99
necesario, ¡no lo haga! Lo que necesita es otra visualización de datos, no más
detalles de datos.
7. ¿Podemos hacer esto interactivo?
La creación de una visualización de datos interactiva, completa con transiciones
y animaciones, permite a los usuarios configurarla según sus necesidades. Les
permite filtrar el conjunto de datos y les da la opción de ofrecer más detalles para
una sección específica. En resumen, permite a los usuarios "jugar" con la
visualización. Esto puede ser fundamental para que desarrollen comprensión y
obtengan conocimientos.

Conclusión
Las visualizaciones de datos pueden ser muy poderosas siempre que se creen
siguiendo los principios que hemos discutido. Deben sangrar en cada etapa de
la producción de su visualización, desde la planificación inicial, pasando por el
diseño y durante la construcción.
A medida que los datos que generamos y a los que tenemos acceso continúan
creciendo, también lo hará la importancia de utilizar visualizaciones para
comprenderlos y analizarlos. Son, y seguirán siendo, parte integral de la toma de
decisiones informadas y la adopción de las medidas adecuadas en nuestro
mundo cada vez más complejo.

P á g i n a 21 | 99
Principios para elegir la combinación de colores
perfecta para su visualización de datos
Como analista de datos, en la vida diaria y en el trabajo, a menudo se le pide que
produzca algunas tablas de estadísticas de datos como se muestra a continuación

En general, la tabla parece contener mucha información. Pero, de hecho, el

cerebro humano no es sensible a los números en sí. Después de ver los
números, necesitamos pensar más en el cerebro izquierdo para traducirlos en la
información que finalmente obtenemos.
Afortunadamente, el cerebro derecho humano procesa la información de la
imagen muy rápido. Y puede alcanzar más de 100 veces la velocidad de
procesamiento digital en la misma escena.

P á g i n a 22 | 99
Con base en la comparación de las características anteriores del cerebro humano con
el procesamiento digital y de imágenes, comenzamos a tratar de usar el gráfico para
comunicar mejor los datos.

Combinación de colores para visualización de datos

Aun así, a menudo nos encontramos con que aunque tenemos datos. No sabemos qué
gráfico usar para expresar el valor de los datos de la mejor forma. Solo usamos unos
pocos histogramas simples, gráficos de líneas o gráficos circulares. En términos de
detalles como el color y la fuente, no tenemos idea de cómo hacer una combinación
más hermosa.
Para crear un excelente panel visual (un panel verdaderamente informativo y orientado
a la acción), no basta con enumerar toda la información que contiene. Para que el tablero
transmita información a las personas de manera completa y clara, debemos considerar
cuidadosamente los diversos elementos de planificación y diseño.
A continuación, este artículo le dará una explicación detallada del aspecto de elegir la
combinación de colores para su visualización de datos. El esquema de color establece
el tono de cualquier cosa que haya creado. Y cada color sirve para representar una
información única. Las personas pueden conocer el tipo de datos que muestra, su
relación y las diferencias entre las categorías a partir de los colores que usa en sus
visualizaciones de datos.

P á g i n a 23 | 99
Si no sabe cómo combinar y presentar el informe completo o tampoco sabe cómo
hacer un diseño razonable, síganos para completar el proceso de elección de la
combinación de colores perfecta.

Principios de la consistencia de la combinación de colores

El color es una de las características estéticas más efectivas porque llama la
atención. La primera característica que notamos es el color, que resalta
información específica e identifica valores atípicos de una manera sencilla. En la
argumentación, el uso del color debe basarse en datos en lugar de la preferencia
personal o el color de la marca.
En general, podemos ceñirnos a los siguientes principios de consistencia de
combinación de colores al elegir el esquema de color.

1. Coherencia del índice numérico

Cuando realizamos un mapeo de color basado en el valor numérico de un
determinado indicador, se recomienda utilizar el color degradado del sistema de
color en crecimiento.

Por ejemplo, como se muestra en la figura anterior, las estadísticas son la

situación de ventas de una región en diferentes años. Los colores de la imagen
de la izquierda no tienen sistema de color ni ley de crecimiento. Es difícil para los
usuarios comprender el significado de mapeo del valor de índice específico. En
este momento, si usamos la expresión del sistema de color en crecimiento en la
P á g i n a 24 | 99
correcta, transmitirá una sensación de mensurabilidad del color al usuario.
Luego, de acuerdo con ese color de crecimiento degradado, los usuarios pueden
comprender fácilmente la distribución de las ventas en cada región en ese año.

2. Consistencia del color del indicador

Al hacer un gráfico, deberíamos usar el mismo esquema de color para las
mismas métricas. Y debemos evitar la interferencia de color excesiva para el
usuario.
Por ejemplo, cuando hacemos análisis de ventas, solemos analizar los
indicadores de ventas y cobranza de pagos. Luego, cuando hacemos análisis de
visualización de datos de diferentes dimensiones para el mismo indicador,
recomendamos usar el mismo sistema de colores para las ventas y el cobro de
pagos. Significa que el monto de las ventas se puede indicar con el color
amarillo-verde, y el monto de la devolución se puede indicar con el color azul en
consecuencia. Después de seguir el principio de coherencia del color del
indicador, el usuario puede comprender rápidamente el significado del indicador
expresado por el gráfico de visualización de datos actual de acuerdo con la
distinción de color.

3. Consistencia del sistema de color

En el mismo tablero, deberíamos intentar elegir un esquema de color del mismo sistema
de color para evitar colisiones de colores.
Cuando se trata de definir y seleccionar colores en el tablero, muchos usuarios pueden
estar muy confundidos acerca de cómo combinarlos. Después de todo, la apariencia
también marca la diferencia.

P á g i n a 25 | 99
Si vamos a personalizar colores, debemos evitar algunas colisiones. Por
ejemplo, si combina colores como amarillo + blanco, azul + negro, rojo + azul,
amarillo + violeta, etc., la imagen completa no es estéticamente agradable y es
fácil irritar los ojos del usuario.

4. Coherencia del color semántico

Los colores que coinciden con la semántica pueden ayudar a las personas a procesar
la información más rápido. Debemos elegir el color que se adapte a la sensación más
intuitiva del ser humano de acuerdo con el significado del indicador.
Por tanto, en la carta climática, el rojo se puede utilizar para indicar la distribución del
calor. Y el marrón se puede utilizar para indicar el índice de sequía, el azul para indicar
la precipitación, etc.

P á g i n a 26 | 99
Los anteriores son los cuatro principios principales de la consistencia de la combinación
de colores. ¿Tiene un conocimiento básico de cómo elegir un esquema de color para la
visualización de sus datos?
De hecho, todos sabemos que crear un esquema de color para visualizaciones de datos
desde cero es un desafío. Eso es porque tienes que mostrar el contraste o las
progresiones naturales a través de los colores que usas. En este momento,
recomendamos encarecidamente encontrar un esquema que ya esté disponible. Es
decir, puede utilizar algunas herramientas de informes que le ayudarán a encontrar los
esquemas de color que le resulten atractivos.
Gráfico compuesto

Gráfico de Barras
P á g i n a 27 | 99
Diagrama de dispersión

P á g i n a 28 | 99
Sugerencias de narración de datos para crear tablas y
gráficos más persuasivos
Trabajar con números no suele considerarse un trabajo atractivo. Después de todo,
ocupaciones como la contabilidad y el ingreso de datos no son exactamente las
vocaciones más emocionantes en esta era digital.
Pero al igual que el fanático de la computación que alguna vez fue poco glamoroso
ahora gobierna el mundo, los analistas de datos son percibidos actualmente como
"unicornios del mercado laboral".
La capacidad de dar sentido a grandes volúmenes de datos desordenados y encontrar
información única en ellos es una de las mejores habilidades en el mercado laboral,
según LinkedIn.
Y es fácil ver por qué: se han creado más datos desde 2013 que en toda la historia de
la humanidad antes de esa fecha.
Como resultado, no solo existe una gran demanda de científicos de datos, sino también
de aquellos que sepan cómo visualizar y presentar datos de una manera eficaz y
persuasiva.
Aquí es donde la narración de datos entra en escena.
Una combinación de datos, imágenes y narrativas, la narración de datos es la nueva
habilidad de ciencia de datos que todos necesitarán en el futuro.

Para aquellos que se sienten incómodos con los números, esto puede ser una
muy mala noticia.
Pero antes de que entre en pánico, comencemos con algunos hechos simples
que lo ayudarán a comprender cómo nuestro cerebro procesa las imágenes y
cómo puede usar estos principios para mejorar sus tablas y gráficos.

P á g i n a 29 | 99
El cerebro visual y cómo funciona

Al contrario de lo que pudo haber aprendido en la escuela secundaria, la visión

humana es mucho más compleja que simplemente procesar la luz reflejada por
un objeto.
Aunque aparentemente podemos ver todo dentro de un ángulo de 180 grados,
en realidad solo podemos ver con total precisión aquellas cosas que están en el
centro mismo de nuestro campo de visión, dentro de un campo muy estrecho de
dos grados.
¿Cómo es entonces que no vemos una masa borrosa de cosas?
Gracias a los movimientos oculares rápidos llamados sacádicos, podemos
percibir los objetos que se encuentran en el ángulo restante de 178 grados. Sin
darnos cuenta, nuestros ojos se mueven rápidamente y se fijan en diferentes
puntos de una escena para crear un mapa visual preciso a partir de esta
información agregada.

P á g i n a 30 | 99
Aunque estos movimientos son inconscientes, nuestros ojos priorizan aquello en
lo que se fijan. Por ejemplo, los colores brillantes, las formas poco comunes y los
objetos en movimiento llaman nuestra atención de inmediato, incluso si no están
justo frente a nosotros. (Fuente: The Functional Art de Alberto Cairo)

Una vez que la luz se ha codificado en señales eléctricas, el cerebro extrae las
características principales, comenzando con una forma gruesa y manchas de color, y
solo entonces comienza a procesar e identificar realmente lo que está frente a la
persona, utilizando mucha información de memoria a largo plazo.
Para obtener una explicación más visual, también puede ver a Payman Taei describir la
ciencia detrás de cómo percibimos los objetos.

Nuestros cerebros visuales se sienten atraídos por la

diferencia
Entonces, en lugar de capturar una escena completa como una cámara, nuestros ojos
se enfocan primero en los puntos clave que se destacan. Es por eso que nuestro cerebro
visual inmediatamente nota la diferencia y el contraste.
Solo eche un vistazo a la imagen de abajo. ¿Cuánto tiempo te llevó ver al oso en las
dos primeras ilustraciones? ¿Y el último?

P á g i n a 31 | 99
Este simple ejercicio revela que nuestros cerebros son mucho mejores para
identificar diferencias de color en lugar de formas.

Nuestros cerebros están diseñados para identificar

patrones
¿Sabías que tus sentidos procesan constantemente todo tipo de información del
entorno antes de que seas consciente de ello?
A esto se le llama procesamiento pre-atento y sin él, perderíamos mucho tiempo
tratando de darle sentido al mundo que nos rodea.
Afortunadamente, nuestro cerebro visual nos facilita las cosas al detectar
automáticamente las diferencias y similitudes entre los objetos.
Por ejemplo, mire esta imagen a continuación.

P á g i n a 32 | 99
¿Te enfocaste inmediatamente en el rectángulo grande en el medio? En la
segunda sección, probablemente notó de inmediato cómo un rectángulo tiene
una orientación vertical, a diferencia del resto.
Este es el cerebro visual para ti: está diseñado para notar patrones y detectar
inmediatamente las interrupciones de esos patrones.

5 consejos de narración de datos para el cerebro visual

Ahora que hemos echado un vistazo a la ciencia detrás de la forma en que
percibimos los objetos, veamos cómo este conocimiento se traduce en consejos
prácticos para crear visualizaciones de datos efectivas y persuasivas, de la guía
Good Charts de Harvard Business Review.

P á g i n a 33 | 99
1. Nuestros ojos no siguen un orden específico.
La creación de visualizaciones de datos efectivas requiere aprender un nuevo
idioma con nuevas reglas gramaticales.
La primera diferencia entre leer una página con texto y leer un cuadro o gráfico
es que con el primero, se lee en orden: de izquierda a derecha, de arriba a abajo,
en la cultura occidental. Con el segundo, no hay un orden predeterminado,
simplemente vaya donde sus ojos lo lleven.

El ritmo también es diferente. En lugar de leer constantemente línea por línea,

saltas de una cosa a otra y pasas más tiempo en algunas partes que en otras.
Esto significa que es especialmente difícil crear visualizaciones efectivas que
lleven deliberadamente a los espectadores a un viaje visual predefinido.

P á g i n a 34 | 99
2. Nuestros ojos se enfocan primero en lo que se destaca.
Cuando miramos un cuadro o gráfico, como el que se muestra a continuación,
no vemos todo a la vez, sino que nos centramos en un punto destacado.

Lo primero que se destaca en este gráfico es el pico en el extremo derecho. El

mensaje central de esta imagen visual es muy claro: la tasa de encarcelamiento
en Estados Unidos ha aumentado exponencialmente desde la década de 1970.

Los mejores narradores de datos aprovechan este principio al crear cuadros y

gráficos con un mensaje claro que se puede entender sin esfuerzo.

3. Nuestros ojos pueden manejar algunas cosas a la vez.

Siempre que tenga un gráfico o cuadro con más de 5 a 10 variables, las unidades
individuales comienzan a perder su individualidad y son percibidas por nuestros
ojos como un todo único.

Con esto en mente, debe simplificar sus gráficos para que resalten un punto
principal que desea resaltar.

Tomemos, por ejemplo, este cuadro. Lo primero que nota es el pico en el medio,
la línea verde y la palabra "interrupción".

P á g i n a 35 | 99
Si el objetivo es transmitir un mensaje claro a través de un cuadro declarativo
(en lugar de uno exploratorio), verá que no hay un mensaje claro aquí.
Digamos, por ejemplo, que desea revelar que las calificaciones de rendimiento
continuaron disminuyendo incluso después de la interrupción, entonces el
espectador tiene que trabajar duro para encontrar esta tendencia, ya que el pico
en el fondo distrae la atención de la línea verde.
La mejor solución, en este caso, es eliminar la cantidad de datos de llamadas de
servicio al cliente y concentrarse en las calificaciones del servicio al cliente antes
y después de la interrupción.

4. Intentamos encontrar significado en los datos.

Otro hecho importante es que nuestro cerebro está diseñado para buscar
conexiones de inmediato y tratar de encontrar significado en los datos.
Si miras esta tabla, encontrarás que tu cerebro inconscientemente hace la
conexión entre la naranja en el título y los puntos de color naranja.

P á g i n a 36 | 99
“Esto debe significar que los puntos naranjas representan a los de mejor
desempeño”, concluye nuestro cerebro visual.
Incorrecto. En realidad, los de mejor rendimiento son los que se muestran en la
parte superior derecha del gráfico y no tienen nada que ver con la selección de
colores.
Sabiendo esto, debemos tomar decisiones de diseño inteligentes y asignar
colores deliberadamente para mejorar la funcionalidad de su visual.

5. Nos guiamos por convenciones culturales.

Hay ciertas convenciones que damos por sentadas. Por ejemplo, en la cultura
occidental, todos sabemos intuitivamente que al visualizar el tiempo, se mueve
de izquierda a derecha, no de derecha a izquierda; o que azul significa frío y rojo
significa caliente.
Lo mismo ocurre con las metáforas visuales: todos asociamos una pirámide con
una jerarquía o una escala con una comparación de dos cosas.
Si ignora estas convenciones, no hace falta decir que sus imágenes serán
difíciles de descifrar.
Solo eche un vistazo a este gráfico y observe lo difícil que es extraerle significado
cuando el tiempo se coloca en el eje Y en lugar de en el X.

P á g i n a 37 | 99
Ejemplos de cómo mejorar la narración de datos
A continuación, se muestran algunos ejemplos de cómo mejorar tablas y gráficos para
que no solo muestren datos, sino que cuenten una historia, del libro Storytelling with
Data de Cole Nussbaumer Knaflic.

Antes
Este gráfico de barras muestra la cantidad de tickets recibidos y procesados en un año.

Después
Si su propósito es transmitir un mensaje y llevar a alguien a una acción específica
(en este caso, la contratación de dos nuevos empleados), entonces esto es
mucho mejor.
P á g i n a 38 | 99
By choosing a line graph over a bar chart, the growing difference between the
amount of tickets received and those processed is made completely apparent.

Antes

Este es otro ejemplo de datos que se muestran sin un mensaje narrativo o claro.

Después

Ahora mire este mismo conjunto de datos presentado de una manera

completamente diferente. Gran diferencia, ¿verdad? El mensaje central es

P á g i n a 39 | 99
inmediatamente claro: más niños estaban entusiasmados con la ciencia después
del programa.

El uso de un solo gráfico en lugar de dos separados permite a los espectadores

comprender rápidamente los resultados de la encuesta. Además, el uso de unos pocos
colores, no cinco o seis, y un título eficaz ayuda al lector a comprender rápidamente las
diferencias entre los resultados previos y posteriores al programa.

Antes
Otro ejemplo de un gráfico ineficaz que es preciso pero no comunica ni persuade a la
audiencia para que realice una acción específica.

Después
En este gráfico, nuestros ojos se dirigen inmediatamente a la franja azul, las
líneas grises y el punto azul que representa el precio medio.

P á g i n a 40 | 99
El mensaje central es inmediatamente claro: para ser competitivo, el precio ideal está
dentro del rango de $ 150 a $ 200.

Antes
A primera vista, este gráfico circular parece lo suficientemente claro, pero tras un análisis
más profundo, encontrará que no cumple con varias convenciones que permiten a los
espectadores captar la información rápidamente.

Normalmente, esperaríamos que los valores en una escala artificial se

dispusieran en orden, desde "nada interesado" a "extremadamente interesado".
Pero en este caso, los valores se ordenan de acuerdo con los porcentajes de
cada respuesta.

P á g i n a 41 | 99
También esperaríamos que los cambios de color se correspondan con la escala
artificial, con un color en un extremo de la escala y el segundo en el extremo
opuesto, y tonos intermedios en el medio.
Después
Esto es mucho más fácil de descifrar a primera vista. Organizados de acuerdo
con los valores en una escala, comprendemos rápidamente que la mayoría de
las personas no están interesadas en este producto en particular.

P á g i n a 42 | 99
Compare 6 Types and 14 Data Visualization Tools
(Updated 2020)
What are the best data visualization tools? Well, that’s a tricky question, because there
are so many different types of data visualization tools. These tools meet different
requirements and demand corresponding skills for users. In this article, I reviewed what
I consider to be the 6 mainstream types and 14 top data visualization tools. The
comparison covers the use of these tools, their respective advantages, suitable crowd,
and price. Hope can help you find the best data visualization tool for you.

1.Code tools
The code tools are characterized by more freedom of data parameters, increased data
processing capacity, and more diverse data play. Javascript, Python, and R are popular
data visualization programming language nowadays, and they all have rich visualization
library.

D3.js
D3.js is an open-source JavaScript library that’s used to create data visualizations with
HTML, SVG, and CSS. D3 allows you to handle the Document Object Model (DOM)
based on your data. D3 is the best chart gallery, which also can be applied with Python
or R. I would recommend you use Javascript or R other than Python considering the
Python-nvd3 library last updated in 2016, which is outdated compared to others. D3.js is
highly flexible while hard for newbies. Suitable crowd：front-end developers who are
good at Javascript, SVG or DOM Cost: Free

Plotly
Plotly is an open-source, interactive, and browser-based python graphing library. It
enables creating complex interactive charts that can be smoothly applied to dashboards
or websites. It is built on top of the d3.js visualization libraries. Therefore, Plotly is an
advanced chart gallery. Its distinct advantage is creating multi-chart visualizations when
comparing datasets. Besides, you can set up Plotly to work in online or offline mode or
jupyter notebooks. Suitable crowd：front-end developers who are good at Python
Cost: Free with commercial plans

P á g i n a 43 | 99
gglot2
ggplot2 is a data visualization package for the statistical programming language R. The
idea of ggplot2 is to separate the drawing from the data. It is to make the drawing
according to layers, which is conducive to architectural thinking. For professionals who
need making plots involving mountains of data, ggplot2 is the best choice. It is easy and
quick to build plots in layers to display complex stories. You can define various underlying
components and simple functions to achieve complex charts. Suitable crowd:
professionals with R knowledge Cost: quote-based

2. Visual Reporting or BI
If you are going to use professional data visualization while having no programming
background, you should try the following data visualization tools with drag-and-drop
elements. In addition to visualization, such tools generally focus on database connection,
data analysis, and data processing. Beginners do not need to master too many such
tools. Excel, FineReport, and Tableau are the first choice. Excel is widely used;
FineReport is easy to create complex reports and dashboards, Tableau is the best for
data analysis via visualization.

P á g i n a 44 | 99
Excel
As a part of Microsoft’s business office suite, you must be familiar with Excel. Excel offers
some standard charts, from unit heat maps to scatter plots. Although it’s an entry-level
tool, it’s a great way to get started if you want to explore data. Suitable crowd: Anyone
Price: Free with commercial plans

FineReport
FineReport is a reporting software while being distinct at data visualization, primarily
visualizing your data via reports or dashboards with impressive HTML5 charts including
3d and dynamic effects. What impressed me most is that it saved me much time to
develop reports. Before using FineReport, we made 10 excel tables for ten stores, which
were very troublesome. But with FineReport, we just need to use the parameter query in
one template, and then export data in batches. The other features worth mentioning is
data integration and data entry in terms of datasets for data visualization. Suitable
crowd: for report developers and BI engineers Price: Free for personal use, Quota-
based for companies

Tableau
Tableau is a data analytics and visualization tool. Almost every data analyst will mention
Tableau. It has standard built-in analysis charts and some data analysis models.
P á g i n a 45 | 99
Unparalleled capacities of visualizing information are on top the list of Tableau software
benefits. Its graphs and color schemes are very amazing. The application’s data
visualizing quality is superior to what Tableau software competitors offer. The only
limitations in terms of data visualization are that Tableau does not offer 3D charts and
no custom visual imports. Suitable crowd: for BI engineers and data analysts Price:
Free trial with commercial plans

In addition to these comprehensive data visualization software, there is a lot of software

specialized in specific types of diagrams.

3. Maps
Map visualization is used to display the geographically related data and present it in the
form of maps. This kind of data expression is more precise and intuitive. Although the
tools mentioned above covers part of map types, the map visualization tools provide
more opulent choices, and most of them are lightweight.

Leaflet
Leaflet is an open-source Javascript library for interactive maps. Weighing just about 38
KB of JS. The distinct advantages are the interactive features such as keyboard
navigation, multiple maps scaling methods. You can display your map both on desktop
and mobile platforms. Besides, the well-documented APIs enable developers to
customize map projections to meed needs. Suitable crowd: for developers with
javascript skills Price: Free

P á g i n a 46 | 99
Power Map
If you haven’t used Power Map before, I would say you missed a treasure. Power Map
is an Excel Add-in developed based on Bing map, which is part of its BI suite and is used
to map geographic data. Even non-technical users can plot geographic and temporal
data on a 3-D globe or custom map without coding. Suitable crowd: Excel users Price:
Free

4.Infographic Tool
Infographic is a type of data visualization to visualize your data more vividly. It helps you
convey your information in a storytelling way that can engage your audience. The most
popular are Canvas, Picktochart, and Visme. Here I will compare the last two tools.

Piktochart
Piktochart is a web-based application designed to make infographics that offer hundreds
of infographic templates. The “download as blocks” feature is on the top of the
“awesome” list. Besides, section manipulation functionality is excellent. You can
conveniently copy sections, move them, or delete them. However, no robust media
HTML5 export options may affect the user experience when you want to show your works
offline. Suitable crowd: Anyone Price: Free with commercial plans

P á g i n a 47 | 99
Visme:
Same as Piktochart, Visme provides rich infographic templates and enables users to
create maps. However, compared to the tactic infographics in Piktochart, the infographic
in Visme can be animated and interactive. Another feature that user-friendly is the
keyword search function for the related templates. The only con of Visme is it requires
longer learning time than Piktochart. Suitable crowd: Anyone Price: Free with
commercial plans

5.Net-work graphs
Network graphs help you simplify complexity and find relationships between data. The
node-link structure makes data connection intuitive. You can apply network graphs to
law enforcement, infrastructure management, anti-fraud, and cyber-security.

Keylines:
Keylines is a lightweight JavaScript toolkit for network visualization using HTML5,
compatible with all any browser, device, server, or database. It provides eight automatic
graph layouts for detangling links to reveal patterns and anomalies. And it puts more
freedom into the user’s hands that allow users to filter network, combine node, analyze
the social network. Suitable crowd: JavaScript developers Price: Free with commercial
plans

P á g i n a 48 | 99
Gephi
Gephi is an open-source software package that is professional in network analysis and
visualization. It has an easy-to-use interface where you can get to the tools you need
quickly without much training or learning. You can import data in CSV format easily, and
once the correct data is loaded and mapped together, Gephi generates a graph
automatically. However, the export feature is not very user-friendly that you can not
export your design to an image or HTML document. Suitable crowd: Non-technical
users Price: Free

6. Large-Screen Visualization
Large screen visualization is in demand in situations such as in meetings or the
exhibitions. Some companies also put TV dashboard in offices for employees to track
KPIs.

Ali DataV
The large screen of ET City Brain is made with DataV. It is a drag-and-drop visualization
tool of Alibaba Cloud, which is mainly used for big data visualization of business data
combined with geographic information. You can often see them in places like exhibition

P á g i n a 49 | 99
centers and enterprise control centers. You do not have to program, and you can
generate a visual large screen or dashboard with a simple drag and drop operation.
Suitable crowd: IT developers Price: Quote-based

FineReport
As mentioned before, FineReport is reporting tool, but its performance in displaying
dashboard across any large screens is excellent. It can integrate data from business
systems such as OA/ERP/CRM, and play business data on large screens in real-time.
Compared to Ali DataV, FineReport is more suitable for enterprises because of its
application structures. It is usually used in places like the exhibition center, monitoring
center as well as in the office. Suitable crowd: IT developers Price: Quote-based

P á g i n a 50 | 99
Los 16 tipos principales de gráficos en visualización de
datos
1. Gráfico de columnas
Los gráficos de columnas usan columnas verticales para mostrar comparaciones
numéricas entre categorías, y el número de columnas no debe ser demasiado grande
(las etiquetas del eje pueden parecer incompletas si hay demasiadas columnas).

El gráfico de columnas aprovecha la altura de la columna para reflejar la

diferencia en los datos, y el ojo humano es sensible a las diferencias de altura.
La limitación es que solo es adecuado para conjuntos de datos pequeños y
medianos.

2. Gráfico de barras
Los gráficos de barras son similares a los gráficos de columnas, pero el número de
barras puede ser relativamente grande. En comparación con el gráfico de columnas, se
modifican las posiciones de sus dos ejes.

P á g i n a 51 | 99
3. Gráfico de líneas
Un gráfico de líneas se utiliza para mostrar el cambio de datos durante un intervalo de
tiempo continuo o un período de tiempo. Se caracteriza por una tendencia a reflejar las
cosas a medida que cambian con el tiempo o en categorías ordenadas.
Cabe señalar que el número de registros de datos del gráfico de líneas debe ser superior
a 2, lo que se puede utilizar para comparar tendencias de un gran volumen de datos. Y
es mejor no superar las 5 polilíneas en el mismo gráfico.

P á g i n a 52 | 99
4. Gráfico de área
El gráfico de áreas se forma sobre la base del gráfico de líneas. Rellena el área entre la
polilínea y el eje en el gráfico de líneas con color. El relleno del color puede resaltar
mejor la información de tendencias.
El color de relleno del gráfico de áreas debe tener cierta transparencia. La transparencia
puede ayudar al usuario a observar la relación de superposición entre diferentes series.
El área sin transparencia hará que las diferentes series se cubran entre sí.

P á g i n a 53 | 99
5. Gráfico circular
Los gráficos circulares se utilizan ampliamente en varios campos para representar la
proporción de diferentes clasificaciones y para comparar varias clasificaciones por arco.
El gráfico circular no es adecuado para múltiples series de datos, porque a medida que
la serie aumenta, cada segmento se vuelve más pequeño y, finalmente, la distinción de
tamaño no es obvia.

Un gráfico circular también se puede convertir en un gráfico circular de varias

capas, que muestra la proporción de diferentes datos categóricos, al tiempo que
refleja la relación jerárquica.

6. Gráfico de dispersión
El diagrama de dispersión muestra dos variables en forma de puntos en un sistema de
coordenadas rectangular. La posición del punto está determinada por el valor de la
variable. Al observar la distribución de los puntos de datos, podemos inferir la correlación
entre las variables.
Hacer un diagrama de dispersión requiere muchos datos; de lo contrario, la correlación
no es obvia.

P á g i n a 54 | 99
7. Gráfico de burbujas
Un gráfico de burbujas es un gráfico multivariable que es una variante de un gráfico de
dispersión. Excepto por los valores de las variables representadas por los ejes X e Y, el
área de cada burbuja representa el tercer valor.
Debemos tener en cuenta que el tamaño de la burbuja es limitado y demasiadas
burbujas dificultarán la lectura del gráfico.

8. Velocímetro
La escala representa la métrica, el puntero representa la dimensión y el ángulo del
puntero representa el valor. Puede representar visualmente el progreso o la situación
real de un indicador.
El medidor es adecuado para la comparación entre intervalos.

P á g i n a 55 | 99
También se puede convertir en un tipo de anillo o tubo, indicando la proporción.

9. Gráfico de radar
Los gráficos de radar se utilizan para comparar múltiples variables cuantificadas, como
ver qué variables tienen valores similares o si hay valores extremos. También ayudan a
observar qué variables del conjunto de datos tienen valores más altos o más bajos. Los
gráficos de radar son adecuados para demostrar el desempeño laboral.

El gráfico de radar también tiene un estilo de columnas apiladas que se puede

utilizar para la comparación bidireccional entre la clasificación y la serie, al tiempo
que representa la proporción.

P á g i n a 56 | 99
10. Diagrama de estructura
El diagrama de estructura es un medio visual de presentar la jerarquía en forma de
estructura de árbol, que muestra claramente la relación jerárquica.

P á g i n a 57 | 99
11. Diagrama de árbol rectangular
El diagrama de árbol rectangular es adecuado para presentar datos con relaciones
jerárquicas, que pueden reflejar visualmente la comparación entre los mismos niveles.
En comparación con el diagrama de estructura de árbol tradicional, el diagrama de árbol
rectangular hace un uso más eficiente del espacio y tiene la función de mostrar la
proporción.
Los diagramas de árbol rectangulares son adecuados para mostrar la jerarquía con
relaciones de peso. Si no es necesario reflejar la proporción, el diagrama de marco
puede ser más claro.

12. Gráfico de embudo

El gráfico de embudo muestra la proporción de cada etapa y refleja visualmente el
tamaño de cada módulo. Es adecuado para comparar clasificaciones.

P á g i n a 58 | 99
Al mismo tiempo, el gráfico de embudo también se puede utilizar para comparar.
Organizamos varios gráficos de embudo horizontalmente y el contraste de datos
también es muy claro.

13. Gráfico de nube de palabras

La nube de palabras es una representación visual de datos de texto. Es un gráfico en
color similar a una nube compuesto de vocabulario. Se utiliza para mostrar una gran
cantidad de datos de texto y puede ayudar rápidamente a los usuarios a percibir el texto
más destacado.
El gráfico de nube de palabras requiere una gran cantidad de datos y el grado de
discriminación de los datos es relativamente grande; de lo contrario, el efecto no es
obvio. Y no es adecuado para un análisis preciso.

P á g i n a 59 | 99
14. Diagrama de Gantt
El diagrama de Gantt muestra visualmente el tiempo de la misión, el progreso real y la
comparación con los requisitos. Para que los gerentes puedan comprender fácilmente
el progreso de una tarea (proyecto).

Combinaciones

P á g i n a 60 | 99
15. Mapa
El mapa se divide en tres tipos: mapa regional, mapa de puntos y mapa de flujo.

(1) Mapa regional

Un mapa regional es un mapa que usa colores para representar la distribución de un
cierto rango de valores en una partición de mapa.

(2) Mapa de puntos, líneas o polígonos

Un mapa de puntos es un método para representar la distribución geográfica de datos
trazando puntos del mismo tamaño sobre un fondo geográfico.
La distribución de puntos facilita la comprensión de la distribución general de datos,
pero no es adecuada cuando necesita observar un solo dato específico.

Pero si reemplaza el punto con la burbuja, entonces el mapa de puntos no solo puede
mostrar la distribución, sino también comparar aproximadamente el tamaño de los
datos en cada región.
P á g i n a 61 | 99
P á g i n a 62 | 99
(3) Mapa de flujo
El mapa de flujo muestra los datos de interacción entre el área de flujo de salida y el
área de flujo de entrada. Suele expresarse mediante la línea que conecta los centros de
gravedad geométricos de los elementos espaciales. El ancho o color de la línea indica
el valor del flujo.
Los mapas de flujo ayudan a ilustrar la distribución de la migración geográfica, y el uso
de líneas de flujo dinámicas reduce el desorden visual.

P á g i n a 63 | 99
16. Mapa de calor
El mapa de calor se utiliza para indicar el peso de cada punto en el área geográfica.
Además del mapa como capa de fondo, también puede utilizar otras imágenes. Y el
color en un mapa de calor generalmente se refiere a la densidad.

Efectos dinámicos 3D

P á g i n a 64 | 99
Floor Plan Maps

P á g i n a 65 | 99
Mapas cognitivos
El mapa cognitivo es una construcción gráfica que abarca aquellos procesos que
posibilitan a la gente adquirir, codificar, almacenar, recordar y manipular la información
sobre la naturaleza de su entorno. Esta información se refiere a los atributos y
localizaciones relativas de la gente y los objetos del entorno, y es un componente
esencial en los procesos adaptativos y de toma de decisiones espaciales.

Mapas cognitivos de telaraña

P á g i n a 66 | 99
Mapas cognitivos difusos

Migración cualificada

Mapas de calamar

Mapas de cajas

P á g i n a 67 | 99
Mapas de nubes

Mapas de algoritmo

Mapas de ciclos (flujos)

P á g i n a 68 | 99
Mapa de conglomerados

Mapa de Grafos

P á g i n a 69 | 99
Mapa ontológico

P á g i n a 70 | 99
Data Storytelling with Maps
We are living in an era where stories are more attractive than straight facts. The ability
to present the raw facts and numbers with interactive visualizations has led to modern
data storytelling. When we use maps to tell a story, we give an exact idea of what is
happening in and around and it attracts the audiences even more compared to the
traditional videos and images. Maps show the spatial relationship that exists for a longer
period of time whereas images and videos are used to capture a scene at a particular
instant involving temporal information.
In this article, we will look at some useful strategies and alternatives to build maps that
are meant to tell effective and compelling stories.
But first, here are a few things to keep in mind while constructing a map:
Make the geographic area of the map within its subject area of the map. For example, if
we were speaking about the state of Massachusetts, the right choice would be to focus
on the state rather than a country map.
Make design choices that are based on target audiences. If children are the target
audience, it is good to be creative with color mix and attractive symbols. For the general
audience, opt for colors, labeling, and icons based on the subject matter. Keep
accessibility in mind.
Choose the relevant data that cover the main subject area of the map visualization and
avoid cluttering with too much background data and information. Use labels sparingly by
focusing only on information that needs attention.
Follow good color consistency when marking legends on a map. For example, colors
should vary from light to dark if it represents low to high values and when representing
changes, it is better to opt for colors that show the variations in a distinguishable way.
When designing maps for the color blind people, it is advisable to neither rely on just a
single color nor use too many colors. Carefully select contrasting colors and shades, and
don’t hesitate to check out tools that help build color blind safe palettes.
Fun fact: Facebook’s logo and blue color scheme were specifically chosen because Mark
Zuckerberg is red-green color blind and sees blue the best.
All map elements should reward the readers with an enriching experience. These include
a proper title to the map, helpful legends, information about the datasets, instructions for
how to read and interact with the map, and finally information about the author for further
feedback.
With that being said, keep in mind to use maps only if location is a part of your data-
story. As a data artist, I believe that one could create the most delightful user experience
through stories around maps that flow well together. Now, let’s look into how to choose
the right map type for your stories.

Selecting the right map type for effective storytelling

All maps tell a story, but not all types of maps are suited for every type of story. Let’s
dive into choosing the right type of map to effectively narrate a story. We will look into
P á g i n a 71 | 99
map types used to narrate about natural calamities and atmosphere, maps for depicting
density and quality differences, maps used to narrate about the data or information flow
and distance, and finally, maps for everybody.

1. Map types used to narrate about natural calamities

Below are the different types of maps that can be leveraged to show the potential impacts
of natural calamities. These are firefly maps, vector wind maps, time travel maps,
isopleth maps.
Firefly maps. They use glowing symbols with a dark backdrop as a base map. The
background is comparatively dark and the glowing effects make it the best when it comes
to narrations about earthquakes, major fires, hurricanes, tornado effects, and night-
lights.

Vector wind maps. They use vector arrows that show how the wind blows. The length
of the arrow indicates the strength of the wind. They are also used to depict the speed
of the winds.

P á g i n a 72 | 99
Time travel maps. They divide the map canvas into different chunks of time. Different
colors are used to represent the different times of arrival of calamities like Tsunami. Map
contours:
Red: 1–4-hour arrival times
Yellow: 5–6-hour arrival times
Green: 7–14-hour arrival times
Blue: 15–21-hour arrival times

Isopleth maps. They show data as a third dimension and simplify data with continuous
distribution. Isopleth maps are used to map surface elevations, atmospheric pressure,
and measurements that can be viewed as a third dimension.

P á g i n a 73 | 99
2. Map types for depicting density and quality differences
The following types of maps can be leveraged if you are planning to show the variations
in your datasets from a density perspective. These are dot maps, graduated symbol
maps, proportional symbol maps, Dorling maps, density equalizing maps, choropleth
maps, hexbin maps, and heatmaps.
Dot maps. They are used to represent geographic densities and distribution by placing
equally sized points over a geographic region. More dots mean a higher value and fewer
dots mean a lower value.

P á g i n a 74 | 99
Graduated symbol maps. The variation in the size of the symbols is based on the
quantity or value associated with a location. Symbols could be circles, any shapes, or
pictograms.

Proportional symbol maps. They use the same symbols with variations in size to
represent the severity of impacts. For example: In the below map, the bigger the circle,
the larger is the amount of oil consumed in barrels per year by state.

P á g i n a 75 | 99
Dorling maps. They are used to depict areas with different shapes. The emphasis is
more towards the shape that represents the area than the geographic area itself. The
larger the size, the higher is the severity of impact.

Density Equalizing Maps. They are used to depict geographic areas with extreme
values by bulging the areas on the map. By doing so they do not lose the connection in
the map.

Choropleth maps. They are used to represent values by shading the respective
geographic area from a lighter to a darker shade of the same color.

P á g i n a 76 | 99
Hexbin maps. They plot densities rather than points. In a hexbin map, all the areas will
be represented with the same size without any bias. We can also use squares to split
the map area into several parts instead of hexagons.

Heat maps. They are used to color code based on the density of points. Heat maps use
a warm to cool color spectrum to indicate the parts that receive the most attention.

P á g i n a 77 | 99
3. Maps used to narrate about data or information flow and distance
The following types of maps can be leveraged if your use case revolves around data flow
and distances between a set of variables like cities and towns. we will see distributive
flow maps, network flow maps, radial flow maps, schematic flow maps, voronoi diagrams,
isochrone maps.
Distributive flow maps. Flow maps are used to depict the flow of information and
commodity from origin to one or multiple destinations. Distributive flow maps are used to
show the flow of information from origin to multiple destinations.

Network flow maps. They use link lines to show the interconnections between a group
of entities and helps us determine the relationship between them. For example, the below
image shows that Europe is the central hub around which the world’s major airports are
connected.

P á g i n a 78 | 99
Radial flow maps. In these types of maps, the lines radiate from an origin to one or
many destination nodes. These types of maps can be used for example to depict the
exports made by one country to multiple countries.

Schematic maps. They omit irrelevant details and make essential information easier to
grasp. They are used to simplify complex navigations and systems. For example
subways, transits, electrical networks…

P á g i n a 79 | 99
Voronoi diagrams. They are used to find the minimum distance needed to reach a point
or a landmark and understand proximity as well as distance features. In the example
below, the voronoi map could help choose a new location to build a school that is meant
to be far from the existing ones by helping find the largest empty circle amid a collection
of points.

Isochrone maps. They show how much time is required to travel from one place to
another. Isochrone maps are very useful in the areas of transport and urban planning.
The below map shows the travel time to Johannesburg from different places in South
Africa.

P á g i n a 80 | 99
4. Maps for everybody
Word cloud maps. In this type of map, the size of the word shows the importance of the
word. Emphasis is given to large words that suggest an influential topic and small words
represent topics with less importance. It is fast, engaging, and a very good starting point
for interesting questions and conversations during presentations.

Topographic maps. They are all-purpose maps and are used to represent terrains,
natural, and man-made features. They still play a key role in infrastructure, military, and
resource planning.

P á g i n a 81 | 99
¿Cómo pueden los principiantes diseñar
visualizaciones de datos dinámicos?
1. ¿Por qué visualizamos datos?
En el trabajo, no importa en qué escena te encuentres, estarás expuesto a los datos y
necesitarás expresarlos. La función de la visualización de datos es transmitir mejor la
información mediante la combinación de gráficos y datos. Por el momento, la mayoría
de las empresas están pasando gradualmente de la gestión de procesos tradicional a la
gestión basada en datos. La visualización de datos puede ayudar a los analistas a
obtener una comprensión más completa de los datos y a obtener conocimientos que
tienen más valor comercial.

2. ¿Qué es la visualización de datos?

La visualización de datos es la visualización de datos después del análisis de datos,
incluido el diseño de gráficos, combinación dinámica, gráficos bidimensionales, gráficos
tridimensionales, vinculación, perforación, visualización en pantalla grande, etc.
Las funciones de visualización de datos se reflejan principalmente en dos aspectos: uno
es la visualización de datos y el otro es el análisis empresarial. La visualización de datos
se comprende bien. Es mostrar los datos conocidos o los resultados del análisis de datos
a través de gráficos visuales. La presentación final es el informe, el tablero e incluso la
popular pantalla grande. La forma de visualización de datos es cada vez más aceptada
y bienvenida. La analítica empresarial es la traducción efectiva de datos y métricas que
se analizarán en información valiosa para el negocio después de ver gráficos, paneles
y pantallas grandes, lo que les permite respaldar decisiones basadas en hechos.

3. ¿Cómo lograr una visualización de datos confiable?

La visualización de datos ayuda al "lector" a identificar problemas y tomar decisiones
correctas. De modo que el valor de los datos no es que se vean, sino en los
pensamientos y acciones que provocan después de que se ven.
Aquí, los datos de inteligencia son diferentes de los datos de la aplicación normal. La
mayoría de ellos no generan valor directamente para el usuario a través del programa

P á g i n a 82 | 99
de algoritmos. En cambio, los datos se analizan a través de una visualización razonable,
y luego el analista piensa y juzga, y finalmente toma medidas para que los datos puedan
ejercer su valor.

3.1 ¿Quién es el beneficiario de la visualización?

Ya sea que esté haciendo un informe tradicional, PPT o algo más, primero debe
averiguar para quién es, qué necesita saber, qué indicadores le interesan y cómo
utilizará la información y los datos que usted presente en la decisión. -proceso de
fabricación. En una oración, es averiguar el objetivo del trabajo de análisis de datos:
¿para qué se utiliza este informe? Todo el contenido que se presentará en el trabajo de
análisis de datos posterior y en el informe de análisis estará estrechamente relacionado
con este tema objetivo.

3.2 Analizar el sistema de indicadores

La visualización de datos consiste en clasificar los datos complicados en indicadores y
formar un sistema de indicadores alrededor de las finanzas comerciales, las ventas, la
cadena de suministro, la producción, etc., y finalmente mostrarlos a través de métodos
visuales, como la tasa de rendimiento y el beneficio de eficiencia.
Se puede decir que el éxito del trabajo de análisis de datos generalmente se basa en el
establecimiento de indicadores. Este trabajo requiere que el personal del centro de datos
o el personal del grupo de BI se adentren en el negocio para investigar la demanda,
analizar los datos y construir almacenes….

3.3 Combinar visualización de datos con soluciones empresariales

Si el propósito de la visualización de datos es presentar datos que aborden problemas
específicos, medibles, exigibles, relevantes y basados en el tiempo, agregue estos
problemas durante el proceso de producción y el proceso de generación de informes.
Al planificar una solución de visualización de datos, asegúrese de que esto resuelva el
problema específico del usuario. Por lo tanto, su solución no solo debe poder explicar
bien las conclusiones, la información y el conocimiento del análisis de datos. Pero más
que eso, los gerentes pueden encontrar y descubrir rápidamente decisiones a lo largo
de la ruta visual que planifica.

Ejemplo
Cuando el desempeño de la empresa no cumple con el objetivo, la ruta de diseño del
esquema de visualización puede ser así.

Paso 1: desde la perspectiva de la operación en general, debe tener claros los

factores clave que afectarán el rendimiento.
Observe el desempeño de los KPI correspondientes a los factores clave como pedidos
de venta, precio del cliente, número de clientes, actividad del usuario, producción del
producto, calidad, costo, entrega, etc. Estos factores serán los factores impulsores, que
influirán directamente en la actuación. La visualización de estos datos de conducción es
la base para encontrar una solución.

Paso 2: Debe profundizar en los factores clave y averiguar qué factores están
causando que el rendimiento falle.
Por ejemplo, puede utilizar el análisis comparativo para observar el desempeño de todos
los factores clave en el KPI en un cierto período de tiempo. En respuesta a problemas

P á g i n a 83 | 99
específicos, haga un seguimiento de cuál es el plan de acción actual, si debe ajustar el
progreso y explore formas de mejorar el desempeño.

4. Herramientas de visualización de datos

Existen muchas herramientas para la visualización de datos. Los complementos de
gráficos como ECharts, Highcharts y D3.js son muy poderosos. También existen
herramientas como Excel, Cognos, Tableau, FineReport, etc. Para la producción diaria
de informes, esta clase de herramientas son más fáciles de aprender y usar, y están
más sesgadas hacia el análisis empresarial. Cubren un conjunto complejo de procesos
de procesamiento de datos para la recopilación, el análisis, la gestión, la extracción y la
visualización de datos.
Estoy acostumbrado a utilizar una herramienta de informes de codificación cero,
FineReport, que le permite lograr visualizaciones geniales con una simple operación de
arrastrar y soltar. Solía pasar dos horas trazando o dibujando. Con FineReport, puedo
completar un tablero en diez minutos. Es realmente amigable para los principiantes en
el análisis de datos.

Aquí les mostraré algunos paneles que se han realizado con FineReport, para que
todos puedan tener una comprensión más clara de la visualización de datos.

P á g i n a 84 | 99
Paneles de control en tiempo real

Análisis multivariables

P á g i n a 85 | 99
Top 7 Chart Types for KPI Dashboards
KPI has become an important assessment system and methodology for various
business organizations, and it runs through all kinds of business activities. How
to use the appropriate visual charts to present actual results and key indicators
to achieve real-time monitoring has also been the focus of business analysis, and
even various business intelligence systems.

Un KPI (key performance indicator), conocido también como indicador clave o

medidor de desempeño o indicador clave de rendimiento, es una medida del nivel del
rendimiento de un proceso.

In today’s article, I have summarized 7 chart types commonly used in KPI

dashboards, and I hope they will be useful to you.

(Note: All the charts and dashboards in this article are made with the data
visualization tool FineReport, and the personal download is completely free.)

7. Dynamic Chart

At last, I will focus on the dynamic charts that are often used in the KPI dashboard.
The KPI charts described above are all basic charts. In fact, to make a clear and
cool KPI dashboard, you must use more advanced dynamic charts to make your
key indicators more prominent and more eye-catching.

Now, let’s take a look at several dynamic charts of FineReport.

Catalog gear

Time gear

P á g i n a 86 | 99
Dynamic indicator card

Luminous dashboard

Having said that, you may want to take a look at the practical application of these
charts in the KPI dashboard. So I found a few dashboard templates in FineReport
Demo for your reference.

Project Management Dashboard

Investment Management System

P á g i n a 87 | 99
Bank Dashboard

P á g i n a 88 | 99
INFOGRAFÍAS
Dejando la filosofía a un lado, la creación de infografías es de hecho una tarea bastante
laboriosa y puede “asustar” hasta los diseñadores más experimentados.
Y a través de este artículo, vamos a entender un poco más sobre el formidable mundo
de la información auxiliada por imágenes, de cómo crearlas y cómo ellas pueden
ayudarte en tu estrategia de INFORMACIÓN.

¿Qué es una infografía?

Las infografías son datos presentados con el auxilio de recursos visuales.
Así de simple. Siempre que usamos imágenes para explicar datos, tenemos una
infografía.
En la práctica vemos infografías en diversos medios de comunicación presentes en
nuestro día a día. En el periódico que leemos durante el desayuno, en los noticieros,
libros y principalmente en la internet (en e-books, sitios y redes sociales)
Internet está hecha de información y cuando la información que deseamos transmitir no
es tan atractiva, o presenta un nivel de complejidad un poco mayor, las infografías son
la salida perfecta para informar y atraer la atención del usuario.

Tipos de infografías
Con la abundancia de nuevos medios que surgen en el mundo digital todos los días, las
infografías también toman nuevas formas y nuevas plataformas.
Eso nos posibilita explorar diversos recursos para mejorar la transmisión de la
información.
Básicamente, existen tres tipos de infografías: estáticas, animadas e interactivas.

Infografías estáticas
A pesar de que son las infografías más fáciles de encontrar, no significa que su ejecución
sea menos laboriosa.
Cuando la infografía es apenas una imagen estática, se vuelve más desafiante el hecho
de expresar y definir la información.
Los datos requieren ser bien organizados y, generalmente, existe bastante
información textual en las infografías estáticas.
Mira el ejemplo:

P á g i n a 89 | 99
Este infográfico fue hecho para explicar la complejidad del portaaviones británico Queen
Elizabeth. Para eso, el propio navío fue ilustrado para que cada parte fuese explicada.
En algunas partes, el corte del navío fue ilustrado. Aunque también, una fotografía
puede acompañar la información del texto.
Infografías así, necesitan ser muy bien organizados para que no queden confusos. Las
fuentes, los espacios y los respiros deben ser muy equilibrados.
Muchos detalles a tener en cuenta.

Infografías animadas
Un recurso muy utilizado son las infografías animadas. En ellas, por la movilidad, la
información puede ser mejor dividida y organizada.
Tomando la infografía del portaaviones como ejemplo, si fuese animado en forma de
video, todo el contenido de texto podría ser sustituido por locución.
Las partes del porta avión podrían ser mostradas en etapas lineales.
Los recursos de animación en 3D pueden ser utilizados para mostrar el interior de la
nave, por ejemplo.
Todo eso facilita la comprensión del contenido final.
El problema son las dificultades técnicas en la ejecución de ese material.
Los profesionales que dominan la animación y el modelado 3D son costosos y una
infografía con un nivel de complejidad muy alto puede costar bastante dinero.
Sin embargo, las infografías no necesitan ser complejas. Mira este ejemplo:
https://youtu.be/Ah9EMonsfB0

En este video infográfico, la locución explicativa está aliada a los recursos visuales
animados para explicar el crecimiento de las redes sociales.

P á g i n a 90 | 99
https://youtu.be/K_HAHqbGziM

En este ejemplo, el tema es el mismo, pero esta vez sin la locución, tan solo datos
escritos para ser leídos, auxiliados por la animación.
https://rockcontent.com/es/wp-content/uploads/es/2016/10/giphy.gif
https://rockcontent.com/es/wp-content/uploads/es/2016/10/giphy-1.gif

Los ejemplos de encima (hechos por Pictoline) son gifs animados que explican temas
diversos.
Los gifs generan un alto engagement en las redes sociales.

Infografías interactivas
Este tipo de infografía también exige un nivel técnico avanzado, ya que implican,
además de animaciones, conocimiento de programación.
La infografía debe ser manipulable por el usuario, de forma que este consiga “pasear”
por la información de la pieza por su propia cuenta.
Un punto clave de las infografías interactivas es su capacidad de generar datos
relevantes sobre el usuario, porque los recursos interactivos permiten que descubras
qué conocimiento este visitante tiene sobre el tema, lo cual colabora muchísimo en el
mapeo de la madurez de tu audiencia.

¿Por qué hacer una infografía?

¡Porque son extremadamente eficaces!
Un estudio realizado por Ethos3, We Live in a Visual World, apuntó que:

• 90% de la información enviada al cerebro, es visual;

• Los recursos visuales son procesados por el cerebro 6 mil veces más rápido;
• El ser humano retiene, en promedio, un 80% de lo que ve, un 20% de lo que lee
y un 10% de lo que escucha.
• Las infografías pueden aumentar el tráfico de tu sitio en un 12%
• En los últimos 5 años las búsquedas de Google por infografías aumentaron 25
veces.
• Los contenidos visuales son 40 veces más susceptibles a ser compartidos que
los demás tipos de contenido.
Además de eso, los infográficos son atractivos, intuitivos, la información es
absorbida con mayor facilidad, ofrecen más de un punto de entrada a la información
(esto significa que proporciona una lectura no lineal), quedan en la memoria, son auto
explicativos, son extremadamente compartibles y poseen un increíble potencial de
generar engagement.

Recursos visuales para crear una infografía

Para la creación de infografías, algunos conceptos visuales deben ser comprendidos.

P á g i n a 91 | 99
Las infografías usan lenguajes visuales distintos con el fin de transmitir información de
manera clara y rápida.
Conoce cuales son los tipos de lenguajes:

Lenguaje verbal
Utilizamos el lenguaje verbal cuando la representación gráfica de uno de los puntos de
la infografía se vuelve muy compleja o simplemente menos eficiente.
En vez de correr el riesgo de intentar representar algo con una forma que puede ser mal
interpretada o no comprendida, usa la palabra correspondiente, y eso puede ser
escrito o hablado (en el caso de un video-infográfico con locución).
Este recurso es utilizado cuando lo que se desea representar es muy amplio o abstracto.
Al contrario de lo que se piensa, no es por ser una infografía que todo en ella necesita
ser imagen.
Comúnmente se utiliza el lenguaje verbal en títulos, leyendas, bloques de textos,
valores y cantidades, entre otro tipo de información numérica.
Al utilizar ese lenguaje, evita los textos extensos.
En las infografías, los textos tienen la función de auxiliar la comprensión, y no la de dar
el mensaje completo.
De ser así, no sería una infografía sino una página de un libro con figuras.

Lenguaje esquemático
En esta categoría podemos encontrar elementos que representan conceptos abstractos
tales como las fechas que indican direcciones, elementos que indican movimiento, como
líneas usadas para indicar que un objeto se está moviendo, como en el ejemplo
siguiente.

P á g i n a 92 | 99
También entran en esta categoría elementos como gráficos, tablas, diagramas, líneas,
etc.

Lenguaje pictórico
El lenguaje pictórico abarca representaciones más literales de objetos concretos del
mundo físico.
Pueden ser representaciones fotográficas y realistas, como en el ejemplo dado del
navío. Pero también, pueden ser representaciones ilustrativas bien sintéticas e icónicas.

Es importante recordar que cuando hablamos de representaciones visuales,

principalmente menos literales, debe tenerse mucho cuidado, debido a que personas
interpretan cosas diferentes.
Esas interpretaciones son influenciadas por diversos factores, como la diferencia
cultural y el propio contexto.

P á g i n a 93 | 99
Eso significa que no debemos valernos de nuestros propios valores y tomarlos como
absolutos.
Si muestras un ícono que representa una mariposa para alguien y esa persona dice que,
para ella, le recuerda un motor de carro, debes repensar la imagen que escogiste para
representar tu mariposa.
Ahora que ya sabemos todo esto, manos a la obra.

7 pasos para crear una infografía

1. Foco
La función del material infográfico es la de informar algo. Definir sobre lo que quieres
informar es obviamente el primer paso.
Además del tema, define tus objetivos. Define el lenguaje que vas a utilizar. Haz el
alcance completo de tu infografía.

2. Investigación
Es hora de hacer un trabajo concreto de investigación para tener datos que guíen tu
infografía.
No es asunto de este contenido ahondar mucho en el asunto de la investigación, pero
queda aquí planteado el consejo de que es muy importante tener certeza de la
procedencia de las fuentes.
Otorgar información de dudosa procedencia a través de cualquier medio puede arruinar
la imagen de tu informe.

3. Selección
Teniendo tu investigación hecha y toda la información reunida, es hora de separarla.
Evalúa y selecciona la información que mejor explique el tema elegido.
Cruza los datos, de una forma que al final, consigas poner toda la información que
deseas.
El objetivo es seleccionar y no resumir un puñado de información.

4. Redacción, revisión y corrección

Es hora de organizar el contenido, pensando en la estructura de tu infografía.
Revisa y corrige posibles errores.

5. Borrador
Haz un borrador de tu infografía ya organizando la información en el formato
seleccionado.
Realiza pruebas de las imágenes colocándolas en los espacios donde quedarán en el
producto final.
Organizar las cosas, facilita el trabajo que continúa.

6. Ejecución
Hora de construir nuestra bella pieza informativa y visual.
Para eso, alguna herramienta de edición gráfica será necesaria. A continuación, algunas
recomendaciones.

P á g i n a 94 | 99
Herramientas de edición gráfica para crear infografías
Programas gráficos de Adobe. Adobe Spark
Si tienes conocimiento de diseño, usar Photoshop, Illustrator o Indesign (o, por qué no,
los tres juntos) es la primera opción de esta lista.
La Suite de Adobe es líder en el mercado e incluso si no sabes, para operar los
softwares, hay disponibles en YouTube tutoriales que enseñan el uso de estas
herramientas.
Los programas son pagos, pero puedes usarlos gratuitamente por 30 días. La descarga
puede ser hecha en el sitio oficial de la empresa.

Freepik
Este sitio gratuito de imágenes es muy útil para cualquier diseñador. Si haces una
búsqueda de “infografía” en este sitio, diversas plantillas listas para descargar surgirán.
Aquí también puedes hacer descarga de íconos, ilustraciones, fotos. O sea, todo lo que
sea necesario para la creación de un infográfico.
La manipulación de estos archivos adquiridos, demandan conocimiento en softwares
gráficos como los citados en el ítem anterior.

Canva
Una herramienta online y totalmente gratuita para quien no es diseñador. Aunque los
diseñadores experimentados utilizan Canva, por su versatilidad y calidad.
Aquí puedes hacer piezas gráficas de alta calidad fácilmente. Este sitio también ofrece
diversas plantillas para mantener tus diseños armónicos y organizados.
En la categoría Bloggings & Ebooks existe una opción llamada Infográficos, a la que
puedes ingresas en el enlace anterior. En ella tendrás diversas opciones para
personalizar tu propia infografía.

Visme
Una herramienta gratuita bastante intuitiva y de fácil uso, especializada en la creación
de infografías.
Infogr.am
Más de 1 millón de infografías ya fueron hechas con esta herramienta que permite la
creación de gráficos, tablas e íconos. Lo inconveniente es que, teniendo tu trabajo listo,
conseguirás el archivo al final si tienes la cuenta PRO, que es paga.

Piktochart

P á g i n a 95 | 99
Esta herramienta funciona como un tutorial paso a paso. Picktochart te va guiando
mientras desarrollas tu infografía. Su uso es gratuito, pero también es posible un registro
para el acceso a funcionalidades diferentes.

Visually
Esta poderosa herramienta gratuita cuenta con innumerables plantillas de infográficos
para ser editados con interesantes opciones de personalización.

Pikwizard
Un banco de imágenes que podrás usar para complementar la parte visual de tus
infografías.
A continuación, te daremos algunos consejos de diseño para que tus piezas se
diferencien en medio de tantas otras.

VennGage
Es una herramienta indicada para sitios web y blogs que quieren aumentar su tráfico y
su presencia en redes sociales a partir de infografías con alto potencial de viralidad.
Las plantillas de VennGage permiten personalizar el diseño de los contenidos visuales
de una manera sencilla y rápida, lo cual es un punto muy positivo para empresas que
no tienen grandes equipos de diseño.

6 Consejos de Diseño para infografías

Trabaja con una familia de fuentes que esté completa y con variaciones de peso
Esto ayuda a destacar puntos importantes y facilita en la lectura, la comprensión de los
datos. Evita usar más de tres fuentes diferentes.
Elige el mejor estilo grafico para tu infografía
En algunos casos, los íconos sintéticos son los más apropiados.
En otros, ilustraciones más realistas o hasta fotos son mejores para la transmisión de la
información. Lo importante es que los elementos escogidos ayuden a identificar lo que
lo es y lo que no lo en tu infografía.
Usa bien los colores.
Ten una paleta de colores definida para que tu infográfico no quede confuso. Recuerda
también que los diferentes colores remiten a sensaciones y propósitos diferentes.
No olvides de agregar tu logo
Como tu infografía quedará increíble, muchos van a querer copiarlo. No hay problema
con que otros sitios y blogs publiquen tu material, siempre que den los debidos créditos.
Y muchas veces no sucede así.

P á g i n a 96 | 99
Por lo tanto, es importante añadir tu logotipo en marca de agua que no se pueda eliminar
con cualquier software gráfico.

7. Divulgación y conversión
Tu infografía está lista y es hora de mostrarla a todo el mundo.
Toda aquella información sintetizada en forma de imagen va ahora a informar a millones
de personas.
Pero para eso, debes divulgar debidamente tu creación.
Es muy interesante usar estrategias que conviertan al infográfico en un recurso
eficiente de generación de tráfico y leads.
Escribir un artículo sobre el asunto de la infografía es una forma interesante de atraer
visitas, por ejemplo.
Puedes usarla para explicar una parte específica del contenido o simplemente para
resumir el asunto general con menor profundidad.
Publica tu infografía en las redes sociales, con links direccionando a tu artículo.
Si la pieza es bastante compleja, puedes usarla para adquirir leads.
Libera un teaser (parte de la infografía y úsalo para atraer al visitante a una landing page
donde él podrá descargar el material completo a cambio de su email.
Dispón un código (embed code) en caso de que quieran republicar tu infografía. Eso
genera backlinks y la mantiene siempre vinculada a tu sitio web.
Hacerlo requiere un poco de conocimiento en programación HTML, pero una búsqueda
rápida en Google te da lo necesario para generar embed codes.

8 trucos para escribir el texto de una infografía

Escribir el contenido de una infografía puede ser un desafío hasta para el profesional
más entendido en el asunto.
Eso sucede porque en la era de la información, es común que las técnicas
mercadológicas cambien y se presenten diferentes de un momento para otro.
Aquí presentaremos 8 consejos fantásticos para que escribas el texto de una infografía
con calidad:

Realiza una conexión emocional con el público

A lo largo del tiempo, hemos aprendido que no es interesante ofrecerle mucha
información al público sin saber si esta colma sus necesidades.
Esta percepción permitió que hoy tengamos seguridad que muchísima información en
un mismo material puede derribar una estrategia de mercadeo.
Incluso, llenar los oídos y la vista de los consumidores con exceso de datos puede
ocasionar un efecto contrario al deseado.
Lo ideal es que la empresa busque ofrecer contenidos por medio de una conexión real
con el público.
P á g i n a 97 | 99
Esto solo se consigue cuando la empresa explica cómo el producto o servicio puede
cambiar la vida de quien lo adquiere, generando valor al cliente.
Cuidado, no estamos diciendo que no debas informar sobre las funcionalidades,
características de tu producto o servicio. Se trata de incentivar la difusión de los
resultados.

Supera la simple redacción

Es importante que consideres las diferentes formas de administrar la información digital
del sitio web por medio de técnicas de webwriting.
Otra cuestión primordial es que todo el contenido debe ser direccionado a sanar las
necesidades y expectativas del público objetivo.
Esto también considera el tipo de lenguaje empleado para que las personas puedan
entender el mensaje enviado por la empresa.

Organiza el contenido
Tener ideas claras, saber cómo abordar los temas y tener en mente su jerarquía es
indispensable para hacer una infografía exitosa. Sobre este asunto, es relevante hacer
hincapié en el formato adecuada de los títulos.

Desarrolla un contenido considerando las técnicas SEO

Ofrecer un contenido rico es importante, pero hay que destacar la necesidad de utilizar
técnicas de optimización de sitios para motores de búsqueda.
Al usar correctamente las técnicas, el contenido, así como la página, obtendrá una mejor
posición en los resultados orgánicos de Google y de otros buscadores.

Adopta la escaneabilidad como regla

Una buena presentación es indispensable para que las personas sientan ganas de leer
el infográfico.
Utilizar títulos jerárquicos, usar negrita, listas, entre otros recursos aumenta la
probabilidad de que tu texto sea leído por el público.
Esta es una buena forma de potencializar la interacción entre el usuario y el contenido.

Pon un título atractivo

Despierta la atención del lector por medio de títulos curiosos, inteligentes. Es importante
que los títulos causen impacto, pero cuida para que el tema esté de acuerdo a la
propuesta del sitio web.
Otro factor importante es que el contenido desarrollado debe estar acorde al título.

Utiliza oraciones cortas

Escribir oraciones cortas y objetivas reduce la posibilidad del lector leer a medias y
deja los textos más agradables.

Invierte en la sencillez
La formalidad puede ser un veneno para los infográficos. Usar términos más simples y
fáciles de entender mejora la lectura. A parte, evita los errores de interpretación.
Recuerda que muchas personas que no conocen el asunto pueden recurrir a la
infografía para aprender desde cero. ¡Valóralas!

P á g i n a 98 | 99
Conclusión
Aunque pueda ser un poco laborioso, más que los demás materiales, los infográficos
poseen un potencial de transmisión de mensajes superiores a los de un texto.
La verdad es que algunos asuntos son mejor explicados por medio del diseño. Además,
su asimilación es de hecho mucho más rápida y el potencial de viralización de una
infografía es muy grande (si trata de un asunto relevante para un segmento y si está
bien hecha).
Son diversas las ventajas de invertir un poco más de tiempo en un material que dará
visibilidad y credibilidad a tu marca, además de generar tráfico de leads.
Y todo eso puede ser hecho con herramientas gratuitas disponibles en internet.

P á g i n a 99 | 99