Dispositivo de visualización de información
Los gráficos comparativos se utilizan normalmente para comparar datos basados en categorías/tiempo. Cuando hay pocos elementos de comparación, como la comparación de ingresos en cinco regiones, se puede representar mediante un histograma.
Gráfico de barras Cuando hay muchos elementos, como más de 12, el gráfico de barras del terminal móvil aparecerá más lleno, lo que es más adecuado para gráficos de barras. Generalmente, no debe haber más de 30 elementos de datos; de lo contrario, fácilmente provocará una carga visual y de memoria. Los gráficos de columnas tienen muchas aplicaciones interesantes. Por ejemplo, gráficos de columnas apiladas, gráficos en cascada, gráficos de barras horizontales, gráficos horizontales positivos y negativos, etc.
Al observar los gráficos de líneas de tendencia, los gráficos de líneas son adecuados cuando el eje x es un valor continuo (como el tiempo) y se enfatiza la tendencia cambiante.
Amplía la diferencia - Diagrama de Nightingale Rose. Debido a que el radio y el área del sector son cuadrados, el gráfico Nightingale Rose magnificará las diferencias entre valores y es adecuado para comparar valores de tamaño similar. Los diagramas de rosas también son adecuados para representar conceptos de ciclo/tiempo como semanas y meses. Todavía se recomienda que la cantidad de datos no exceda los 30, lo que excede el gráfico de barras que se puede considerar.
Al comparar datos positivos y negativos o incluso más dimensiones, pruebe con un gráfico de barras bidireccional. Utilice colores para distinguir áreas grandes y utilice hueco/sólido para distinguir cantidades de envío y recepción, lo que no solo puede comparar áreas grandes en su conjunto, sino también comparar áreas en detalle.
Mejora los monstruos para aumentar la dificultad. Agregue otra dimensión al gráfico bidireccional, como se muestra en la siguiente tabla, para comparar las ganancias y los costos de ingresos correspondientes en cinco regiones. Piénselo primero antes de desplazarse hacia abajo para ver las imágenes recomendadas.
Se puede ver a simple vista que los beneficios en Shenzhen son inferiores a los de Guangzhou. Aunque sus ingresos son mayores que los de Guangzhou, sus costos también son relativamente altos.
Logro de objetivos: el gráfico de viñetas examina el logro de métricas como los objetivos de ingresos y el rango (excelente, bueno y deficiente).
Gráfico de balas, porque parece la trayectoria de una bala. En comparación con los paneles de control, puede expresar información rica en datos en un espacio pequeño y tiene mayores ventajas de eficiencia en la transmisión de información.
Si quieres comparar los ingresos de cuatro trimestres, simplemente utiliza diferentes colores para distinguirlos. Como puede ver de un vistazo, como se muestra a continuación, el desempeño en el segundo trimestre fue mejor, pero el primer trimestre no fue bueno.
Rendimiento - carta radar. Los datos de desempeño multidimensionales, como las evaluaciones integrales, a menudo se representan mediante gráficos de radar. Visto a menudo en juegos. Se utiliza ampliamente en negocios y finanzas y es adecuado para expresar algunos resultados conocidos dentro de un marco fijo. Común en condiciones comerciales, salud financiera.
Si el puntaje del índice está cerca del centro del círculo, significa que el estado es muy pobre y necesita ser analizado y mejorado; si el puntaje del índice está cerca de la línea exterior, significa que; esta en un estado ideal. Por ejemplo, analizo las finanzas corporativas y las divido en seis categorías: ventas, marketing, I+D, servicio al cliente, tecnología y gestión. Esto se desprende claramente de una comparación dimensional del presupuesto y el gasto real utilizando un gráfico de radar. Como se muestra a continuación:
Lo anterior es un cuadro común de la categoría "Comparación", que se resume de la siguiente manera:
Un todo se divide en varias partes. En este caso se utilizará un cuadro estructural, como el ratio de recaudación de las cinco principales regiones y las fuentes de ganancias de la empresa.
Gráfico circular de una sola capa
En Guanzhong (n.º 1), se utiliza un histograma para comparar el volumen de recepción de cinco regiones. Si nos fijamos en las proporciones, un gráfico circular es más apropiado. Los gráficos circulares tienen defectos y son buenos para expresar una determinada categoría. Pero no es bueno comparando. Es difícil notar la diferencia entre 30 y 35 a simple vista en un gráfico circular. Cuando hay demasiadas categorías, no es adecuado utilizar un gráfico circular para expresarlas.
¿Qué debo hacer si pasa a zona 17? Los gráficos circulares generalmente no superan las 9 piezas y se recomienda utilizar gráficos de barras para su visualización.
Además de los gráficos circulares, los gráficos de anillos también pueden representar proporciones. La diferencia es que el área central del gráfico circular está ahuecada y la información de texto (como los títulos) se muestra en el área hueca, lo que tiene la ventaja de una mayor utilización del espacio.
Jerárquico: gráfico de anillos, gráfico de rayos de sol
Para la gestión, primero debemos comprender la situación general y los puntos clave. Por ejemplo, la persona regional a cargo debe tener una comprensión clara de la situación de áreas clave y sucursales clave (como se muestra a continuación). ¿Cómo mostrarlo?
Este es el llamado mapa del amanecer. Si profundiza para observar los datos capa por capa, la composición de las áreas clave y las sucursales regionales correspondientes quedará clara de un vistazo.
Tendencia acumulativa: gráfico de áreas apiladas
Observe los casos en los que la composición numérica cambia con el tiempo: cómo visualizar la tendencia de la composición de ingresos de la primera área principal (incluidas cuatro áreas clave) en los últimos cuatro años?
La solución recomendada es un gráfico de áreas apiladas, que puede mostrar la contribución de cada componente (área) al total (área) y mostrar el proceso de cambio del total (área). Cabe señalar que el punto de partida del ingreso regional no comienza en y=0, sino que se superpone capa por capa sobre la base de regiones posteriores, formando eventualmente un todo.
La mejor guía de diseño para gráficos de áreas: coloca las categorías más volátiles en la parte superior, usa colores transparentes y no más de 4 categorías. El eje Y comienza desde 0. No utilice gráficos de áreas para mostrar datos discretos; solo los datos continuos tienen valores intermedios.
Comparación acumulativa: histograma apilado
Si intercambia el texto de la etiqueta (es decir, el año) y la leyenda (es decir, la región) en el eje X de lo anterior figura (ver Figura A a continuación) Si observamos la estructura de ingresos de cada región en los últimos cuatro años, ¿qué gráfico es más apropiado?
Tanto el gráfico de áreas apiladas A como el gráfico de columnas apiladas B pueden mostrar valores acumulativos. La diferencia es que el eje x del gráfico de áreas apiladas son datos continuos (como el tiempo) y el eje x del histograma apilado son datos categóricos. En este caso, el eje X son datos categóricos discontinuos, por lo que la opción B es más apropiada.
Aumento y disminución acumulativos - gráfico en cascada
Si desea expresar la evolución de la cantidad entre dos puntos de datos, puede utilizar un gráfico en cascada. El valor inicial, después de sumas y restas continuas, obtiene un valor. Un gráfico en cascada ilustra gráficamente este proceso y se usa comúnmente en análisis financieros para mostrar ingresos y gastos.
A través de la distribución; los diagramas de conexión pueden ver la distribución de los datos y luego descubrir algunas conexiones, como correlaciones, valores atípicos, agrupaciones de datos, etc.
Gráfico de dispersión de doble variable
Tomando también las empresas como ejemplo, la siguiente figura muestra la distribución de costos/ingresos de un solo boleto de los puntos de venta en todo el país.
Si lo miras solo de esta manera, es posible que no puedas ver nada. Si agrega dos líneas promedio, será diferente.
Si sumas la media móvil sabrás qué puntos están por encima de la media móvil y qué puntos están por debajo de la media móvil. Sin embargo, hay demasiados puntos de venta y es imposible saber a qué región pertenece uno por uno. Tiene mucho sentido agregar color a los puntos dispersos.
A través de este gráfico, podemos ver qué áreas tienen bajos beneficios por voto único y necesitan mejoras urgentes. Por ejemplo, la cuarta área más grande, ampliamente agrupada en la esquina inferior derecha, tiene un ingreso por boleto único inferior al promedio y un costo de boleto único superior al promedio.
Tres variables - gráfico de burbujas
Como todos sabemos, el beneficio total de un establecimiento no sólo está relacionado con el beneficio de un solo billete, sino también con el volumen de transacciones ( es decir, el volumen de ingresos). Usar el área de los puntos de dispersión para representar el monto de los pagos se convierte en un gráfico de burbujas.
Los mapas geográficos se pueden utilizar para todos los análisis relacionados con atributos espaciales. Por ejemplo, el volumen de ventas en cada zona, o la densidad de tiendas en un distrito comercial. La combinación de gráficos de burbujas con mapas puede convertirse en mapas de calor. A través del mapa de calor, puedes ver qué puntos de venta reciben más recibos y necesitan asignar recursos.
Los mapas geográficos deben utilizar dimensiones de coordenadas. Puede ser longitud y latitud, o nombre geográfico (Shanghai, Beijing). La granularidad de las coordenadas puede ser tan fina como una calle específica o tan amplia como todos los países del mundo. El punto de interés es un factor muy importante. POI es la abreviatura de "punto de información", que puede traducirse como punto de información. Cada PDI contiene cuatro aspectos de información, como nombre, categoría, longitud y latitud, y hoteles y restaurantes cercanos. Con la ayuda de POI, los datos se pueden presentar en dimensiones geográficas.
Mejores pautas de diseño: 1. Utilice contornos de mapa finos; elija una combinación de colores adecuada; utilice patrones de relleno con moderación; elija intervalos de datos adecuados.
Análisis del comportamiento del usuario, que muestra operaciones de navegación, clic y acceso a páginas en una forma visual resaltada. La siguiente imagen muestra el comportamiento de clic del usuario en los resultados de búsqueda de Google.
Resumen: cuando obtenemos datos, primero refinamos la información clave, aclaramos las relaciones y los temas de los datos y luego seleccionamos los gráficos apropiados para su visualización.
Una buena visualización puede contar historias y revelarnos los patrones detrás de los datos. La conciencia sobre el uso de visualizaciones puede provenir de la imagen a continuación. Aunque la estructura es clara, es sólo para gráficos de Excel y no es lo suficientemente rica.
Las dimensiones se mencionan a menudo en el análisis de datos. La dimensión es el ángulo desde el cual se observan los datos y la descripción de los datos. Podemos decir que la región es una dimensión, que incluye a Shanghai y Beijing. El volumen de ventas también puede considerarse como una dimensión que incluye diversos datos de ventas. Las dimensiones se pueden representar por tiempo, valor o texto y, a menudo, se utilizan como categoría. La esencia del análisis de datos es la combinación de varias dimensiones.
Las dimensiones son principalmente tres estructuras de datos: texto, tiempo y valor. Las regiones de Shanghai y Beijing son la dimensión de texto (también llamada dimensión de categoría), el volumen de ventas es la dimensión numérica y el tiempo es el mundo.
La dimensión numérica se puede calcular procesando otras dimensiones, como contar cuántos son de Shanghai y cuántos de Beijing en función de la dimensión regional. Las dimensiones se pueden convertir entre sí. Por ejemplo, la edad es originalmente una dimensión numérica, pero mediante la división de la edad, se puede dividir en tres grupos de edad: niños, jóvenes y ancianos, y luego convertirla en una dimensión de texto.
1. Diagrama de caja
La mayoría de las personas no comprenden bien el diagrama de caja. Puede reflejar con precisión la dispersión de las dimensiones de los datos (número máximo, número mínimo, mediana, cuartil). Los diagramas de caja funcionan con todos los datos discretos.
La siguiente figura es una aplicación típica del diagrama de caja. Los extremos superior e inferior de la línea representan los valores máximo y mínimo de un determinado conjunto de datos. Los extremos superior e inferior del cuadro representan los valores más altos de 25 y 75 en este conjunto de datos. La línea horizontal en el medio del cuadro representa el valor mediano.
2. Gráficos
Gráficos que muestran la relevancia y relevancia de cosas, como cadenas de relaciones sociales, comunicación de marca o el flujo de cierta información.
Existe un Weibo, y ahora quiero estudiar su cadena de comunicación: qué grandes V lo comparten, quién lo ha compartido antes que la gran V, etc. Sobre esta base, se puede dibujar un diagrama de red divergente para analizar el proceso de marketing viral. Los gráficos se basan en grandes cantidades de datos y no tienen concepto de dimensiones.
3. Gráfico de árbol rectangular
Como se mencionó anteriormente, los gráficos de columnas no son adecuados para expresar datos en demasiadas categorías (como cientos). ¿Qué debo hacer? Aparece un diagrama de árbol rectangular. Representa intuitivamente valores como áreas y categorías como colores.
Cada color en la figura siguiente representa una dimensión de categoría y hay varias categorías secundarias bajo la dimensión de categoría. Si se expresara en un gráfico de barras, sería un desastre. Es fácil utilizar un mapa de árbol rectangular.
Los diagramas de árbol rectangulares se pueden utilizar para análisis que involucran una gran cantidad de categorías, como comercio electrónico y ventas de productos.
4. Gráfico de Sankey
Un gráfico relativamente impopular a menudo representa los cambios y el flujo de información.
Gráfico de embudo 5.0
La famosa visualización de la tasa de conversión es adecuada para el análisis de conversión de procesos fijos. También puede considerarlo como una versión simplificada del diagrama de Sankey. La tasa de conversión también se puede representar mediante varios conjuntos de números y no es necesario que sea un gráfico de embudo.
Legibilidad* *
La función principal de los gráficos es la explicación, no el diseño, especialmente porque la mayoría de los gráficos caen en la trampa del sobrediseño.
Objetividad
La interpretación de los datos puede revelar muchos resultados porque cada uno tiene una perspectiva y una perspectiva diferente. Por eso decimos a menudo que la sociedad estadística miente.
La siguiente imagen es un gráfico de barras de ventas. Las ventas no parecen haber cambiado mucho.
Mostrar en otro gráfico. Veo una creciente tendencia de cambio.
De hecho, no hay diferencia entre los datos de los dos gráficos. ¿Por qué? La diferencia está sólo en los ejes. El eje y del primer gráfico comienza en 0 y el segundo gráfico comienza en 2,45. La segunda imagen es un gráfico de barras con una parte cortada.
Consistente
Si el color general del gráfico es más frío, no agregue colores cálidos.
Si el texto del gráfico está en Yahei, no agregue la fuente Song.
Si los datos de un área determinada se comparan con un gráfico de columnas, otras áreas también seguirán el estilo del gráfico de columnas.
Si las mujeres usan el rojo y los hombres el azul en un gráfico, entonces esta norma debería reflejarse en todos los gráficos. Aparte del color, todos los demás elementos de diseño son iguales.
Si hay varios gráficos, los elementos del gráfico deben estar unificados, como títulos, escalas de ejes, posiciones de los ejes, etc.
¿Por qué los usuarios necesitan “convertir datos en gráficos”?
La respuesta final debe ser volver al "primer principio" de la gestión empresarial: aumentar los ingresos y reducir los gastos. Las empresas necesitan datos para analizar cómo ahorrar más dinero y cómo ganar más dinero. Los futuros productos de BI no deberían posicionarse como "herramientas" sino como "servicios".
1.0 Desde una perspectiva de proceso, la visualización exploratoria se ve así:
Este tipo de visualización se centra en las microfunciones de los gráficos, como líneas auxiliares, advertencias, varios tipos de gráficos, etc.
2.0 Requisitos de visualización explicativa
Generalmente, una vez completada la exploración de datos y formada cierta información sobre los datos, la atención se centra en la narración. Algunas de las "Una imagen para entender XXX" y "Una imagen para entender XXX" que ves en Internet son visualizaciones explicativas.
Esta clase se centra en la visualización general de gráficos, como la combinación de varios gráficos para crear una versión de informe o historia, por lo que proporcionará funciones como un editor de títulos y un editor de diseño. Los productos de BI actualmente en el mercado, como NetEase, BDP, Tableau, PowerBI, etc., adoptan este modelo.
1. Este marco de producto orientado al negocio no es adecuado para el mercado interno.
Debido a que los usuarios de este tipo de producto son básicamente usuarios profesionales (analistas de datos), se ignora que la mayoría de las empresas nacionales no tienen puestos dedicados al análisis de datos. Las empresas que pueden implementar analistas de datos son generalmente medianas y grandes, y sus capacidades de pago pueden ser relativamente sólidas, pero esto también significa que la cantidad de usuarios será menor.
Los usuarios profesionales corresponden a analistas de datos, y los usuarios semiprofesionales corresponden a usuarios que son profesionales en los negocios pero no profesionales en el análisis de datos, como finanzas, ventas, RRHH, etc. Estos usuarios suelen centrarse en la visualización explicativa en su trabajo diario, como resúmenes de fin de año, planes anuales, informes mensuales, etc. El proceso para este tipo de usuario es el siguiente:
[Error en la carga de la imagen...(Picture-e6e0b 4-1556103840929)]
Los usuarios pueden importar datos directamente y generar gráficos sin siendo una operación demasiado complicada. Preguntas:
Comprensión de la visualización: la visualización de información consiste en utilizar gráficos para expresar correctamente información compleja y relaciones lógicas.
? ¿Atraer lectores a través de la belleza única y el interés de sus imágenes? Haga que el contenido sea más fácil de entender con la mejor manera de expresarlo.
? Acercar a los lectores a los productos y mejorar el conocimiento de la marca.
Trabajo 1: Visualización de la página de inicio del producto de seguridad
Inspiración creativa: vi en el documento de requisitos que los nombres de estos subproductos son Royal Avant-garde, Bagua Zhen, Yucheng River. ... Pensé en ese momento Es muy interesante. Inmediatamente me vino a la mente una imagen de la ciudad antigua, rodeada de soldados, el conjunto de Bagua y el río Yucheng. Después de expresar esta idea al diseñador visual, todos se llevaron bien y finalmente se les ocurrió este plan. Al principio, la torre del medio era roja, lo que llamaba demasiado la atención. Para evitar usurpar el papel de anfitrión y reflejar el sentimiento de protección de datos, se cambió a este sentimiento virtual translúcido y muy digital.
Trabajo 2: Diagrama de estructura del producto
Inspiración creativa: A través del análisis de los productos de la competencia, encontramos que los pares nacionales y extranjeros han hecho grandes esfuerzos en este aspecto, por lo que debemos intentar use uno El diagrama describe claramente la estructura y las relaciones del producto. El próximo artículo hablará sobre el proceso de diseño específico.
Trabajo 3: Diagrama de proceso de uso
Inspiración creativa: el diagrama proporcionado por el gerente de producto es muy riguroso, pero es difícil de entender para los usuarios, así que primero usé wireframes para simplificar. en un diagrama de flujo unidireccional, pero no es lo suficientemente hermoso e intuitivo. El ingenioso diseñador visual resolvió hábilmente este problema embelleciendo los gráficos.
En revisión (parcial):
Después de mejora:
Op.4: Diagrama de descripción del esquema
La lógica de la información también está ordenada Primero, expréselo de una manera más comprensible y luego embellezcalo a través de un diseñador visual.
Dibujo mejorado:
Para hacer algo bien, primero debes saber cuál es el estándar. Al juntar estos trabajos fallidos, podemos entender a grandes rasgos las razones del fracaso y cuáles son los buenos estándares.
[Error en la carga de la imagen...(Picture-CF 4898-1556103840928)]
Como herramienta de visualización, "infografía" debe incluir las siguientes seis categorías: cuadros, ilustraciones, gráficos. , tablas, mapas y listas.
Según las características formales, a menudo dividimos los diagramas en cinco tipos: diagrama de flujo de relaciones, tipo de ilustración narrativa, diagrama de estructura de árbol, tipo de distribución del tiempo y tipo de deconstrucción espacial.
1. Diagrama de clases de proceso de relación
2. Gráfico de ilustración narrativa
El diagrama narrativo es un diagrama que enfatiza la dimensión temporal y el cambio de información a lo largo del tiempo.
3. Diagrama esquemático de la estructura del árbol
Los datos complejos se pueden expresar claramente mediante ramificación y combinación. Al utilizar la agrupación, cada grupo de marcos temáticos reclasificados representa una estructura maestro-detalle.
4. Diagrama de clases de expresión de tiempo
El diagrama de clases de expresión de tiempo solo requiere agregar datos de texto alrededor de la línea de tiempo. Desde una perspectiva de diseño, integrar temas en el diseño gráfico y seleccionar eventos importantes para su interpretación puede embellecer la imagen y profundizar la comprensión.
5. Diagrama de estructura espacial
Usar el lenguaje de diseño para modelar y virtualizar estructuras complejas es el significado de la existencia de diagramas de estructura espacial.
Este proceso requiere colaboración, selección y clasificación de datos. La precisión es la primera condición, seguida del peinado. Descubra la lógica principal, filtre el contenido secundario y diseñe con cuidado.
1. Creatividad gráfica básica
Los histogramas y los gráficos circulares son los dos gráficos básicos más utilizados, pero los gráficos geométricos simples son difíciles de dar a las personas una sensación de diseño. Utilizar la creatividad de los gráficos básicos para resaltar el tema del diseño puede lograr el doble de resultado con la mitad de esfuerzo.
El contenido a la izquierda y a la derecha de la imagen de arriba es exactamente el mismo, pero la información de la derecha se puede obtener incluso si el lector no mira con atención.
2. Alto atractivo y aspectos visuales destacados
Desde las páginas web tradicionales hasta las redes sociales Weibo, los usuarios buscan información cada vez más rápido, y el alto atractivo es el activo más valioso.
3. La imagen es concisa y clara.
4. Símbolos e iconos.
En el diseño se debe prestar atención a mantener la unidad de estilo. personas visualmente coherentes y agradables a la vista.
1. El gráfico circular está desordenado.
Los gráficos circulares son herramientas de visualización muy simples, pero a menudo demasiado complejas. Las existencias deben clasificarse de forma intuitiva, no más de 5 segmentos. Hay dos formas de ordenar para permitir que los lectores obtengan rápidamente la información más importante.
Método 1: Coloque la pieza con la parte más grande en la dirección 12, coloque la pieza con la segunda parte más grande en el sentido contrario a las agujas del reloj, y así sucesivamente.
Método 2: Coloca la parte más grande en la posición 12, y luego colócala en el sentido de las agujas del reloj.
2. Utiliza líneas discontinuas en gráficas lineales.
Las líneas de puntos pueden distraer, pero las líneas sólidas del color correcto son más fáciles de distinguir.
3. La ubicación de los datos no es intuitiva
Tu contenido debe ser lógico y guiar a los lectores a leer los datos de una manera intuitiva. Ordene las categorías alfabéticamente, por conteo o numéricamente.
4. Fuzzificación de datos
Asegúrese de que los datos no se pierdan ni se sobrescriban debido al diseño. Por ejemplo, utilice efectos de transparencia en gráficos de áreas para garantizar que los usuarios puedan ver todos los datos.
5. Consume más energía del lector.
Es necesario hacer que los datos sean más fáciles de entender mediante elementos gráficos auxiliares, como agregar líneas de tendencia a los diagramas de dispersión.
6. Errores en la presentación de datos
Asegúrate de que cualquier presentación sea precisa. Por ejemplo, el gráfico de burbujas debe ser tan grande como el valor numérico y no lo etiquetes de manera casual.
7. Utiliza diferentes colores en los mapas de calor.
Algunos colores destacan sobre otros, añadiendo elementos pesados innecesarios a los datos. En su lugar, debes usar un solo color y luego expresarlo a través de la profundidad del color.
8. Las columnas son demasiado anchas o demasiado estrechas.
El espacio entre columnas debe ajustarse a 1/2 del ancho.
9. Los datos son difíciles.
El contraste es una forma efectiva de presentar diferencias, pero si a tus lectores les resulta difícil comparar, el efecto se reducirá considerablemente. Asegúrese de que los datos se presenten de manera coherente para que los lectores puedan hacer comparaciones.
10. Utilice estereogramas
Aunque estas imágenes parecen interesantes, las imágenes en 3D también pueden distraer fácilmente las expectativas y confundir los datos. Seguir con el 2D es el camino a seguir.
La esencia de la visualización numérica es utilizar varios atributos visuales para representar el tamaño de los valores de los datos. Hay varias propiedades visuales: posición, longitud, área y color. Puntos, líneas, superficies y valores de color correspondientes al diseño visual.
La idea central de su visualización es conectarlo con las cosas numéricas de nuestro mundo actual de forma cuasi-objetual según el contexto.
Si la velocidad de carrera es de 15 km/h, entonces puedes hacer un dibujo de un atleta corriendo para expresar este número. Si la velocidad de carrera es de 70 km/h, entonces puedes dibujar un guepardo corriendo y desenfocar el fondo para expresar la velocidad de carrera. Si desea describir la altura de una montaña de 5 km, puede dibujar una montaña imponente para darle a la gente una imagen intuitiva de la montaña. Se pueden hacer diseños más creativos con imaginación.
Las velocidades del vehículo se dividen en lenta, media y sobrevelocidad, como se muestra en la imagen de la izquierda a continuación. Al expresar información de evaluación, es necesario hacer asociaciones basadas en el contexto. Por ejemplo, si la precipitación es de 50 mm, podríamos imaginar un tubo de ensayo conectado a 50 mm de agua.
La tabla unidimensional es como se muestra en la siguiente figura. Solo hay una fila o columna de datos en la tabla de datos. Necesitamos analizar los objetivos de la visualización de datos y clasificar los datos en las siguientes categorías según los objetivos:
? Datos que enfatizan valores absolutos;
? Datos que destacan tendencias;
? Datos porcentuales;
? diferentes tipos de datos.
3.1.1 Histograma
El ingreso de 10.000 yuanes es el doble que el de 5.000 yuanes, y el PIB de un billón de yuanes es el doble que el de 500 mil millones de yuanes. Este tipo de datos se denominan datos geométricos. Los lectores de gráficos de barras generalmente se sienten atraídos visualmente por las propias columnas y no prestan atención al punto inicial del eje vertical. Los usuarios suelen suponer que las longitudes de las columnas representan valores absolutos. Entonces el punto inicial del eje vertical del histograma debe comenzar desde cero.
3.1.2 Histograma
La diferencia esencial de los datos del histograma es expresar la distribución cuantitativa de intervalos continuos. En estadística, el eje vertical del histograma requiere datos de recuento, es decir, el histograma se utiliza para contar el número de objetos dentro de un intervalo determinado.
3.1.3 Variante de gráfico de barras: Gráfico de barras
Los gráficos de barras también tienen una gran ventaja de diseño: pueden mostrar texto y barras en un lado, con una descripción de clasificación. En China, si no es por motivos de diseño, utilice este gráfico de barras horizontales con precaución.
3.1.4 Variables del histograma: Gráfico de barras de recuento
3.1.5 Variaciones del gráfico de barras: Gráfico de barras radiales, Gráfico de barras radiales, Gráfico de espiral.
Los gráficos de columnas se distorsionarán para encajar dentro del área de diseño o para hacer que el gráfico sea más interesante.
3.1.6 Variación del gráfico de columnas: utilice pseudo en lugar de columnas
En las páginas de diseño gráfico y carteles, generalmente se agregan elementos de simulacro para hacer que la expresión de los datos sea más vívida. La idea básica es desarrollar asociaciones en torno a los interesados y reemplazar columnas con cuasi-objetos.
Ejemplo 1: si describe contenido relacionado con el fútbol, puede reemplazar la publicación con una imagen de patear una pelota.
Ejemplo 2: Si el contenido descrito está relacionado con una estrella, se puede utilizar la imagen de la estrella en lugar de la columna.
Ejemplo 3: Si describe las diferencias entre hombres y mujeres, puede utilizar imágenes de hombres y mujeres para reemplazar las columnas.
Ejemplo 4: Si se trata de datos relacionados con el tabaquismo, utilice la forma de una colilla en lugar de un cilindro.
Ejemplo 5: Si es la altura de una montaña, entonces puedes usar la forma de la montaña.
3.1.7 Variante de gráfico de columnas: Ampliar y reorganizar el diseño según determinadas dimensiones.
La idea de utilizar imitaciones para reemplazar columnas en la sección anterior todavía está dentro del marco de los histogramas. Pero muchas veces, incluso puedes dejar de lado las limitaciones del histograma y desarrollar correlaciones basadas en palabras clave. En el proceso de asociación, solo necesitamos recordar la esencia de la visualización de datos mencionada en el Capítulo 1: el tamaño de los datos está representado por cuatro elementos visuales: posición, longitud, tamaño y color.
Ejemplo 2: valores de PM2,5 de varias provincias y ciudades (datos hipotéticos)
Este tipo de datos sólo se pueden desarrollar utilizando la ubicación como palabras clave y presentados en forma de un mapa.
PM2.5 es un concepto sin imagen. Si se visualiza, es poco probable que se desarrolle sobre PM2.5. Entonces, este tipo de datos sólo puede desarrollarse utilizando la ubicación como palabra clave y presentarse en forma de mapa.
La provincia en sí es un polígono con una forma y un tamaño fijos en el mapa, y sus valores se pueden representar mediante un mapa de calor coloreado (imagen abajo, izquierda).
Ejemplo 3: Visitar cada sitio web
Ejemplo 4: Gráfico de migración
El prototipo de datos de un gráfico de migración de una sola ciudad sigue siendo una matriz unidimensional. Al diseñar con un mapa como dimensión, lo que se debe expresar es la conexión entre cada ciudad y Beijing. La información de longitud de la línea de conexión se ha utilizado según la distancia entre la ciudad y Beijing, por lo que el valor solo puede representarse por el color de la línea de conexión.
3.2 Datos que enfatizan tendencias
3.2.2 Variación del gráfico de líneas: gráfico de curvas
3.2.3 Variación del gráfico de líneas: gráfico de media móvil
3.2.4 Variación del gráfico de líneas: gráfico de áreas
3.2.5 Variación del gráfico de líneas: gráfico de tendencia del índice bursátil
En términos generales, datos porcentuales representados en un gráfico circular (o gráfico de anillos), este es el más convencional.
La diferencia entre un gráfico circular y un gráfico de anillos es que el gráfico de anillos integra mejor el tema con el gráfico.
3.3.2 Cambio de gráfico circular: la forma del gráfico circular cambia a una forma similar a un objeto.
Ejemplo 1: si estás describiendo la composición del cuerpo humano, puedes visualizarlo alrededor de la forma humana y cambiar la forma del pastel a la forma de un humano.
Ejemplo 2: si desea describir la proporción de personas en varias industrias, puede considerar dibujar 100 personas. Las personas en cada industria usan gráficos sin estilo, como se muestra en la imagen de la izquierda a continuación; usted Al intentar describir las fuentes de las armas utilizadas en varios tiroteos, como se muestra en la imagen de abajo a la derecha.
Paso 1: Asegúrate de que el ideograma sea correcto.
La “corrección” es el requisito más básico de una infografía, por lo que primero debes asegurarte de que el contenido de la infografía sea correcto.
Para productos con negocios complejos y difíciles de entender, los gerentes de producto primero pueden hacer un dibujo basado en su propia comprensión, y el diseñador y el gerente de producto se comunican para confirmar que ambas partes tienen una comprensión consistente.
Hay un dicho en los diez años de historia de Taobao Technology que dice que "todos los buenos diagramas de arquitectura son hermosos". Los ingenieros de Taobao dedicaron diez años a demostrarlo. De hecho, no se trata solo de diagramas de arquitectura técnica, sino también buenos diagramas de flujo, diagramas de estructura, diagramas de información, etc.
¿Cómo optimizar la expresión de los gráficos de información? Si se trata de un diagrama estructural con lógica compleja, puede verse así:
Aunque no hay ningún error lógico, las flechas se cruzan y se ven feas.