La visualización de datos se refiere a cualquier representación visual de información compilada. Con una visualización de datos eficaz, puedes comunicar temas y resultados clave a tus públicos, lo que les permite interpretar y analizar datos que se personalizaron para sus necesidades.
Antes de comenzar a crear visualizaciones y gráficos, debes seleccionar el tipo de visualización que usarás. Seleccionar el tipo de visualización adecuado te ayuda a presentar tus datos de forma clara y eficaz, lo que permite que tu público tome decisiones fundamentadas y determine los próximos pasos.
En las siguientes secciones, se describe cómo se pueden visualizar los datos de manera eficaz, centrándose tanto en tus objetivos de análisis como en las perspectivas de tu público:
Ten en cuenta las características de tus datos
Define tu público
Selecciona la mejor visualización para tus datos
Ten en cuenta las características de tus datos
Antes de decidirte por un tipo de visualización, ten en cuenta las características de tus datos:
Categóricos: Cuando tus datos contienen grupos de patrones y conjuntos similares, es eficaz usar un tipo de visualización que admita mejor los datos categóricos, como un gráfico circular. La categoría de productos sería un ejemplo de datos categóricos, ya que agrupa los artículos según funciones y características similares.
Ordinales: Si tus datos requieren una secuencia ordenada específica, usar una visualización como un gráfico de columnas o un gráfico de barras puede definir estos órdenes para el público. Un ejemplo de datos ordinales serían las cantidades de opiniones con estrellas variables para un producto en particular.
Continuos: Si deseas visualizar datos que ocurren durante un período prolongado de tiempo, usa visualizaciones que admitan datos continuos, como los gráficos de progresión. Las ventas totales de productos durante un trimestre en particular serían un ejemplo de datos continuos, ya que los datos en evolución se registran a lo largo del tiempo.
Define tu público
Una visualización eficaz tiene en cuenta no solo los datos, sino también la perspectiva y las necesidades de su público. Personalizar la apariencia de una visualización te permite transmitir información de manera eficaz a tu público específico. Cuando definas tu público, piensa en factores como su nivel probable de conocimientos técnicos y sus funciones laborales. ¿Cómo usará tu público tu visualización?
Accesibilidad
Cuando crees una visualización de datos, hazla accesible. En cualquier proyecto de visualización de datos, tener en cuenta la accesibilidad web brinda mayores oportunidades de uso compartido para todos los usuarios, incluidos aquellos con discapacidades visuales y cognitivas, que interactuarán con el contenido que creaste. Las Pautas de accesibilidad al contenido web (WCAG) incluyen pasos de implementación para aumentar la accesibilidad que se aplican al diseño de visualizaciones, incluidos los siguientes:
Texto alternativo: El texto alternativo, o alt text, permite que un público más amplio acceda a la información de elementos que no son de texto, como las personas que usan lectores de pantalla. Con los informes avanzados, puedes agregar notas a tus visualizaciones que describan aspectos clave de ellas.
Accesibilidad de contraste y color: Incorporar niveles de contraste que cumplan con el estándar internacional de WCAG garantiza que las diferencias percibidas en las opciones de color sean accesibles para los usuarios de las visualizaciones. Para encontrar la proporción de contraste de dos códigos de color hexadecimales seleccionados, consulta el Comprobador de contraste de WebAIM
Para obtener más información sobre la accesibilidad en la creación de visualizaciones y otro contenido, consulta la versión publicada más reciente de las Pautas de accesibilidad al contenido web.
Selecciona la mejor visualización para tus datos
En las siguientes secciones, se proporciona una descripción general de los tipos de visualización disponibles en los informes avanzados y se explica cómo seleccionar el mejor tipo para tus datos:
Gráficos cartesianos
Un gráfico cartesiano se refiere a cualquier gráfico que se base en el plano cartesiano. El plano cartesiano se define por un eje X y un eje Y, con puntos numéricos correspondientes para todas las ubicaciones del gráfico. Todos los gráficos cartesianos representan datos en estos ejes.
Los ejes X e Y reflejan dimensiones y mediciones. Las dimensiones reflejan valores cualitativos, mientras que las mediciones son de carácter cuantitativo. La forma en que se representan estos valores en los ejes X e Y y la expresión visualizada de estos datos varían según el tipo de gráfico cartesiano. En esta sección, se incluyen los siguientes ejemplos de gráficos cartesianos:
Columna
Barra
Diagrama de dispersión
Línea
Área
Columna
Ideal para visualizar datos con pocas categorías para comparar.
Los gráficos de columnas son gráficos cartesianos verticales que muestran información en formas rectangulares y verticales, en los que la longitud de la columna corresponde al valor de los datos. Los gráficos de columnas típicos incluyen categorías de datos en el eje X y valores de datos en el eje Y.
Si tus datos contienen solo un par de categorías, un gráfico de columnas es ideal. Si tus datos contienen una mayor cantidad de categorías, los gráficos de barras suelen funcionar mejor porque proporcionan más espacio para las etiquetas de los ejes. Debido a que los valores negativos se muestran con una dirección hacia abajo, los gráficos de columnas también pueden ser una forma útil de representar conjuntos de datos que incluyen valores negativos.
En el siguiente ejemplo de un gráfico de columnas, se incluyen valores positivos y negativos para mostrar la ganancia promedio de los pedidos de accesorios y jeans vendidos por mes.
Barra
Ideal para visualizar datos con títulos de categorías largos.
Los gráficos de barras muestran los datos de manera similar a los gráficos de columnas, pero a través de la alineación horizontal. Por lo general, en los gráficos de barras, el eje Y representa una categoría de datos, mientras que el eje X representa un valor numérico.
Si tus datos contienen títulos de categorías particularmente largos, los gráficos de barras serían más favorables que los gráficos de columnas. A través de la alineación en el eje Y, las etiquetas de los gráficos de barras optimizan el espacio y mejoran la legibilidad. Además, los gráficos de barras suelen ser mejores para representar grandes cantidades de categorías debido a la alineación del espaciado, en comparación con los gráficos de columnas.
En el siguiente ejemplo de un gráfico de barras, se destaca cómo los títulos de categorías de ropa más largos, como "Fashion Hoodies & Sweatshirts", se ajustan a la alineación del gráfico de barras. Este gráfico muestra la cantidad de pedidos mensuales de 10 categorías de ropa diferentes.
Diagrama de dispersión
Ideal para destacar la correlación entre dos variables.
Un diagrama de dispersión es una forma de gráfico cartesiano que destaca la relación entre dos variables. Cada punto representado representa un valor en los ejes X e Y que proporciona información sobre los datos. Estos tipos de gráficos destacan especialmente las tendencias y los patrones que surgen en los datos.
Si tus datos contienen dos variables que se correlacionan, un diagrama de dispersión puede ser un método de visualización ideal para encontrar y explorar correlaciones. Esto podría ser una correlación positiva, lo que significa que, mientras aumenta la variable X, también lo hace la variable Y. También podría incluir una correlación negativa, lo que significa que, mientras una variable aumenta, la otra disminuye. La correlación también puede ser nula, lo que significa que no hay correlación entre las dos variables elegidas. El conocimiento de la posible correlación de datos puede generar más información sobre tus datos e incluso guiar las predicciones del comportamiento futuro de los datos.
El diseño y la estructura de un diagrama de dispersión son clave para su eficacia. Los puntos representados en los diagramas de dispersión también se pueden personalizar a través del tamaño y el uso del color para identificar variables o categorías adicionales para el usuario. También se pueden usar líneas de tendencia con diagramas de dispersión. Estas líneas destacan las conexiones entre los datos que surgen para el usuario. A través de la personalización, asegúrate de que estas opciones de diseño destaquen el objetivo general de ilustrar una relación y brindar la oportunidad de examinar posibles patrones, correlaciones y tendencias.
El siguiente diagrama de dispersión representa la cantidad de clientes que frecuentaron ubicaciones trimestralmente desde 2015 hasta 2018. El tamaño de los puntos del gráfico se basa en la cantidad de clientes.
Línea
Ideal para visualizar datos continuos a lo largo del tiempo.
En un gráfico de líneas, los datos se muestran a través de una serie de puntos conectados por una línea recta. Este tipo de visualización destaca específicamente los datos continuos a lo largo del tiempo.
Para que tu gráfico de líneas sea claro, la cantidad de líneas presentes sigue siendo clave. Si incluyes varias líneas en el gráfico, usa colores para diferenciarlas claramente. Esto permitirá que el usuario interprete los valores por separado en lugar de combinar las líneas.
El siguiente gráfico de líneas representa los usuarios activos mensuales del sitio web desde 2016 hasta 2019. Las tres líneas separadas representan regiones de Estados Unidos: la costa este, el medio oeste y la costa oeste.
Área
Ideal para visualizar cambios en las cantidades a lo largo del tiempo.
Un gráfico de áreas se basa en las características de otros gráficos cartesianos, el gráfico de barras y el gráfico de líneas. Al igual que los gráficos de líneas, los gráficos de áreas destacan los datos continuos a lo largo del tiempo en una formación lineal. Sin embargo, estos gráficos utilizan una función de color de relleno similar a un gráfico de barras para mostrar la cantidad a través de los datos. Esto permite que el usuario vea claramente cómo se ajustan las cantidades a lo largo del tiempo.
Los gráficos de áreas transmiten tendencias generales en lugar de puntos de datos individuales. Los gráficos de áreas son mejores cuando comparas una cantidad menor de tendencias, debido a los componentes de área rellenos de color. Para destacar datos con mayores cantidades de tendencias, considera usar un gráfico de líneas.
El siguiente gráfico de áreas refleja el ejemplo de visualización de gráfico de líneas, ya que también muestra los usuarios mensuales del sitio web en las regiones de Estados Unidos. Sin embargo, el color de relleno de este gráfico destaca especialmente el cambio en las cantidades de usuarios de 2018 a 2019.
Gráficos circulares y de anillo
Los gráficos circulares y de anillo enfatizan la relación entre las partes y una proporción total en los datos. Por este motivo, funcionan bien para destacar la información categórica, es decir, la información que se puede dividir claramente en grupos según las características compartidas.
Para destacar mejor la información en los gráficos circulares y de anillo, selecciona cinco categorías o menos. Si tus categorías superan las cinco, considera seleccionar un tipo de visualización diferente para destacar la información, como un gráfico de barras o de columnas.
Los informes avanzados ofrecen dos variaciones de un gráfico circular. En esta sección, se describen los siguientes gráficos y se destacan sus ventajas para mostrar datos categóricos:
Circular
Anillos múltiples
Circular
Ideal para visualizar valores proporcionales.
Un gráfico circular se refiere a un gráfico circular completo que se divide en porciones según las categorías de información. A través de estas divisiones de porciones, el enfoque no se centra específicamente en la cantidad porcentual exacta, sino en cómo se relacionan las proporciones delineadas entre sí y afectan el objetivo general del gráfico.
Si trabajas para enfatizar la importancia de las conexiones entre valores proporcionales, los gráficos circulares comunican estas relaciones de manera eficaz. Si trabajas con más de cinco categorías de datos, considera seleccionar un gráfico de visualización diferente para destacar la información, como un gráfico de barras o de columnas. Con los gráficos de barras y de columnas, a menudo es más fácil para los usuarios percibir las diferencias individuales.
El siguiente gráfico circular representa los porcentajes de clientes totales de tres regiones de Estados Unidos: la costa este, la costa oeste y el medio oeste. Este tipo de visualización comunica la cantidad proporcional de clientes de cada región.
Anillos múltiples
Ideal para visualizar valores proporcionales con varios componentes.
Los anillos múltiples te permiten crear una serie de gráficos de anillo para visualizar tus datos en una formación interconectada. Estos gráficos omiten el centro del círculo y forman divisiones de arco en lugar de divisiones de porciones. El espacio en blanco adicional en el medio del gráfico permite agregar más etiquetas y descripciones de tus datos.
Cuando crees gráficos de anillos múltiples, asegúrate de que haya uniformidad y patrones coherentes en todas las categorías para destacar su relación. Además, para garantizar la claridad y la comprensión del usuario, incluye material claro y acumulativo en el centro del gráfico para destacar el matiz de cada gráfico de anillos múltiples en particular.
El siguiente gráfico de anillos múltiples muestra las ventas trimestrales de productos para varias categorías de ropa: jeans, leggings, prendas de abrigo y abrigos, y pantalones cortos. Hay un gráfico de anillo separado para cada venta trimestral. Esta visualización destaca cómo cada categoría de ropa individual, representada por un color uniforme, contribuye a las ventas generales de productos por trimestre.
Gráficos de progresión
Los gráficos de progresión destacan la información que aparece a lo largo del tiempo. A través de estos gráficos, puedes destacar este contexto y cómo afecta los datos. Los gráficos de progresión registran el progreso y el crecimiento generales. Esta sección contiene ejemplos de los siguientes gráficos de progresión:
Embudo
Cronograma
Cascada
Embudo
Ideal para visualizar etapas secuenciales.
Los gráficos de embudo son gráficos de progresión que destacan etapas secuenciales. Este tipo de gráfico tiene similitudes con los gráficos de barras , que también representan datos a través de visualizaciones horizontales y rectangulares. Este gráfico crea una forma de embudo a través de las visualizaciones apiladas.
Para que un gráfico de embudo sea eficaz, asegúrate de que los datos incluyan al menos cuatro etapas. Esto garantizará un fuerte impacto visual y destacará el proceso representado en su totalidad. Si tienes menos de cuatro componentes, considera usar otro tipo de visualización, como un gráfico circular.
La siguiente visualización de embudo destaca cinco etapas separadas de las acciones de los clientes y los valores porcentuales en cada etapa. Las etapas, en orden descendente, son producto, carrito, compra, registro y cancelación, que representan la participación de los clientes con el producto.
Cronograma
Ideal para visualizar la progresión del tiempo.
Los gráficos de cronograma destacan la progresión del tiempo mediante la inclusión de eventos y marcadores clave durante un período determinado. Si bien los gráficos de cronograma suelen relacionarse con el tiempo, esta estructura de gráfico también se puede aplicar a números y cantidades.
Con la personalización del color, se pueden usar varios cronogramas en un gráfico para mostrar cómo varían varios factores a través de la progresión. Para los patrones de cronograma, específicamente en los informes avanzados, la personalización del color puede variar según la paleta. Tu cronograma puede tener una paleta continua, que refleja una opción de gradiente con dos variables en cualquiera de las partes del gradiente. También puedes tener una paleta categórica, lo que significa que cada color representa una categoría en los datos. Puedes obtener más información sobre esta personalización de color y los gráficos de cronograma en la página de documentación Opciones de gráficos de cronograma.
La siguiente visualización de cronograma representa números de ID de pedido específicos y sus días promedio respectivos para procesar durante los meses de 2022. El cronograma usa una paleta de gradiente continua para representar las diferentes cantidades de días.
Cascada
Ideal para visualizar valores positivos y negativos secuenciales.
Los gráficos de cascada destacan la relación entre los valores positivos y negativos a través de una secuencia. Estos gráficos muestran cómo evoluciona un valor inicial debido a varios factores. Los gráficos de cascada reflejan elementos de diseño de un gráfico de barras. Al igual que muchos otros tipos de visualización, los marcadores basados en el tiempo o los marcadores basados en categorías pueden estructurar gráficos de cascada, según tu conjunto de datos en particular.
Como los gráficos de cascada funcionan específicamente con valores positivos y negativos, es esencial una definición clara entre estas dos categorías. A través del uso del color y las etiquetas de texto, asegúrate de que la visualización diferencie claramente los valores de tus datos.
En el siguiente ejemplo de gráfico de cascada, se muestran los ingresos totales en las etapas del proceso de pedido, incluidos los pedidos cancelados, devueltos, enviados y en procesamiento. También se calcula un importe total.
Texto y tablas
Cuando tengas datos de texto significativos para mostrar, seleccionar texto y visualizaciones de tablas destacará el impacto de las palabras. La visualización de estas palabras puede variar, desde destacar un solo valor hasta mostrar una disposición compleja de palabras en un conjunto de datos.
En esta sección, se incluyen algunos de los muchos ejemplos de tipos de visualización para texto y tablas:
Un solo valor
Un solo registro
Nube de palabras
Un solo valor
Ideal para visualizar un dato aislado.
Un gráfico de un solo valor destaca un valor individual de un conjunto de datos. Visualizar un valor de esta manera destaca su importancia para un conjunto de datos más grande.
Cuando crees un gráfico de un solo valor, selecciona un valor que sea significativo para el público y que refleje tus objetivos para la visualización. Además, asegúrate de que la personalización de la familia y el tamaño de la fuente enfatice el valor en lugar de distraer o minimizar los datos.
En el siguiente ejemplo de un solo valor, se destaca la cantidad de clientes anuales de California, que es de 118,126 personas.
Un solo registro
Ideal para visualizar datos limitados.
Al igual que los gráficos de un solo valor, los gráficos de un solo registro también destacan los datos limitados seleccionados de un conjunto de datos más grande para comunicar un mensaje determinado. Sin embargo, los gráficos de un solo registro contienen más información que un gráfico de un solo valor. Esta visualización puede proporcionar un ejemplo de un conjunto de datos más grande.
Elegir un registro único eficaz y pertinente para este tipo de gráfico destacará un ejemplo de un conjunto de datos. Este gráfico se puede personalizar para mejorar la legibilidad y la claridad a través de la familia y el tamaño de la fuente, y el uso del color.
El siguiente gráfico de un solo registro muestra información clave sobre un producto en particular, la "corbata de seda 100% tejida a rayas azul claro y azul marino". Esto incluye el ID del producto, la categoría y el precio de venta al público.
Nube de palabras
Ideal para visualizar la frecuencia de los datos.
Las nubes de palabras son visualizaciones de datos que muestran la frecuencia de los datos a través de la personalización del tipo, el tamaño y el color de la fuente. La estructura clave de una nube de palabras es que, cuanto mayor sea la frecuencia de una palabra en particular en un conjunto de datos analizado, mayor será el tamaño de la fuente. Incluso con una mirada rápida o un escaneo rápido de un usuario, una nube de palabras transmite información pertinente y recurrente en un conjunto de datos a través de un fuerte impacto visual.
La personalización del espaciado y el tipo de alineación horizontal y vertical pueden lograr este impacto visual. En algunas nubes de palabras, los creadores agrupan palabras temáticas similares por un color determinado, lo que destaca la naturaleza conectada de ciertos elementos. Esta agrupación de palabras por color también puede ayudar a contextualizar el contenido para el lector y comprender la información que se proporciona.
La siguiente nube de palabras de ejemplo destaca las ubicaciones de los clientes por estado. El tamaño de los nombres de los estados se basa en la cantidad de clientes en cada estado, y California es el estado con la mayor cantidad de clientes.
