¡20 consejos para hacer que los gráficos de visualización de datos sean más profesionales!
La mitad del cerebro humano está dedicada íntegramente al procesamiento de información visual. Cuando le presentas una infografía a un usuario, ya estás utilizando las vías de ancho de banda máximo del cerebro para influir en él.
Una visualización de datos bien diseñada puede causar una impresión inmediata en el espectador, penetrando el desorden de una historia compleja hasta el meollo del asunto.
Como todos sabemos, los gráficos visuales de The New York Times son muy profesionales, pueden ilustrar hechos y son concisos y hermosos.
De hecho, como persona común y corriente, siempre que respete algunas reglas de diseño y tenga un poco de formación estética, también podrá crear gráficos visuales profesionales.
Esta vez, presentaré 20 métodos y reglas útiles en el proceso de creación de gráficos.
El tipo de gráfico incorrecto puede generar confusión. Para el mismo conjunto de datos, puede elegir varios tipos de gráficos, pero tenga cuidado de utilizarlos de forma diferente.
¿Qué quieres mostrar a tu audiencia? Ésta es la elección más importante. Aquí hay más de una docena de tipos de gráficos.
Al dibujar un gráfico de barras horizontales, los valores negativos se dibujan en el lado izquierdo del eje Y y los valores positivos se dibujan en el lado derecho del eje Y. No traces valores positivos y negativos en el mismo lado del eje.
Lo mismo ocurre con los histogramas verticales.
Truncar el eje y distorsionará la expresión. En el siguiente ejemplo, si observa el gráfico de la izquierda, puede concluir rápidamente que el valor b es más de tres veces mayor que el valor d, pero en realidad la diferencia es mucho menor.
Comenzar desde la línea base 0 garantiza que los usuarios puedan obtener una expresión de datos más precisa.
Para los gráficos de líneas, si la escala del eje Y siempre está limitada a 0, es posible que el gráfico sea demasiado plano y no pueda expresar cambios de tendencia.
Debido a que el objetivo principal del gráfico de líneas es expresar la tendencia, es razonable ajustar la escala de acuerdo con el rango de datos, manteniendo la altura de la línea ocupando dos tercios del rango del eje Y. .
Un gráfico de líneas consta de "marcadores" conectados por líneas y, a menudo, se puede utilizar para representar cambios en una serie temporal.
Cuando el intervalo de tiempo es pequeño y hay muchos puntos de tiempo, la polilínea es una muy buena forma de expresar cambios, como la línea de minutos de stock.
Pero si los puntos de tiempo son relativamente escasos y el intervalo de tiempo es relativamente grande, es mejor utilizar un gráfico de barras para representarlo, como los cambios de ventas mensuales. Porque en este caso, el gráfico de líneas puede causar confusión fácilmente.
Los gráficos de líneas suaves pueden ser agradables a la vista, pero distorsionan los datos reales detrás de ellos, y las líneas que son demasiado gruesas oscurecen las verdaderas ubicaciones de los "marcadores".
En general, para ahorrar espacio de visualización, puede verse tentado a utilizar un gráfico de doble eje cuando dos series de datos tienen la misma medida pero diferentes tamaños.
Pero un gráfico de doble eje no sólo es difícil de leer, sino que también puede inducir a error al público haciéndole creer que representa una comparación entre dos series de datos.
La mayoría de los usuarios no prestan mucha atención a la diferencia de escala entre los dos ejes y simplemente escanean el gráfico, lo que puede llevar a conclusiones erróneas.
El gráfico circular es uno de los más populares y que a menudo se utiliza incorrectamente.
En la mayoría de los casos, un gráfico de barras es una mejor opción. Sin embargo, si debe utilizar un gráfico circular, debe prestar atención a los siguientes puntos:
No importa lo bonito que sea el gráfico, casi no tiene sentido sin las etiquetas adecuadas.
Anotar directamente en el gráfico es útil para todos los espectadores porque es claro de un vistazo y ahorra tiempo.
Se necesita mucho tiempo para mirar la leyenda y el espectador promedio no comparará cuidadosamente los colores de la leyenda y el gráfico.
Poner valores en cortes puede causar muchos problemas, como mala legibilidad, imposibilidad de etiquetar cortes finos, etc.
Aún mejor, agrega una etiqueta negra direccional a cada etiqueta de datos.
Si los tamaños de los sectores del gráfico circular no están ordenados, será difícil entender la expresión.
Por lo tanto, las porciones del gráfico circular deben ordenarse según ciertas reglas. Generalmente la porción más grande se coloca a las 12 en punto y luego la siguiente porción se coloca en orden descendente en el sentido de las agujas del reloj.
También se debe evitar la aleatoriedad al ordenar los histogramas. Ordenar según ciertas reglas hará que su lectura sea más clara y fácil.
Colocar los valores más grandes en la parte superior (para gráficos de barras horizontales) o a la izquierda (para gráficos de barras verticales) garantiza que los valores más importantes ocupen el espacio más destacado, reduciendo el movimiento ocular. y el tiempo dedicado a leer el gráfico requirió tiempo.
Cuando eliminamos la parte central de un gráfico circular y creamos un gráfico de anillos, podemos dejar espacio para mostrar información adicional, pero si el ancho es demasiado estrecho, el gráfico será difícil de leer.
El estilo innecesario no sólo distrae, sino que también puede llevar a una mala interpretación de los datos y dar a los usuarios una impresión equivocada.
Se debe evitar lo siguiente:
El color es una parte integral de una visualización de datos efectiva y en el diseño se consideraron los siguientes tres tipos de paleta:
Investigación Las estadísticas muestran que aproximadamente 1 de cada 12 personas es daltónica. El valor de un gráfico se maximiza sólo cuando es accesible a una audiencia amplia.
Así que preste atención a los siguientes aspectos al combinar colores:
Asegúrese de que el diseño transmita información con precisión y ayude a los usuarios a centrarse en los datos en lugar de distraerlos.
Tenga en cuenta los siguientes puntos:
Cuando la etiqueta es demasiado larga, no utilice el ángulo de rotación, utilice un gráfico de barras horizontales para representarlo. Esta sencilla técnica garantizará que los usuarios puedan ver los gráficos de forma más eficiente.
Si desea agregar gráficos interactivos a proyectos web y de aplicaciones, ¿qué biblioteca de gráficos utilizará?
Hay muchas bibliotecas de iconos profesionales para elegir, como echarts, highcharts, etc.
La biblioteca de gráficos contiene muchas de las interacciones y reglas mencionadas anteriormente. El diseño basado en una biblioteca definida garantizará una fácil implementación y le proporcionará muchas ideas interactivas.
Los gráficos interactivos pueden obtener información útil de manera más eficiente al cambiar los parámetros, los tipos de visualización y las líneas de tiempo para ayudar a los usuarios a explorar.
Un buen gráfico de visualización de datos dejará en tu mente un modelo mental de un hecho, tendencia o proceso durante mucho tiempo.
Hacer gráficos no es difícil, pero los buenos gráficos requieren atención a muchos detalles para evitar ir demasiado lejos.