¿Cómo mostrar dimensiones y datos de forma más intuitiva?
1. Analizar datos
Para mostrar los datos con claridad, primero debe comprender los datos que se van a extraer, incluidas las dimensiones de los metadatos, las relaciones de los metadatos y las escalas de los datos. Los metadatos aquí se refieren a entidades que no se pueden subdividir en gráficos.
Las dimensiones de los metadatos son las medidas de cada atributo de los datos. Por ejemplo, el atributo de un punto en un plano bidimensional es que sus dimensiones son el eje X y el eje Y. Generalmente, los datos que deben visualizarse tendrán muchas dimensiones. Es un requisito previo expresar claramente los datos analizando cada dimensión y su grado de atención. Demasiadas dimensiones harán que la visualización sea más difícil, porque "la historia que quiero contar es demasiado larga, pero todos se ríen en silencio. Por supuesto, si te quedas en silencio, puedes perder tu trabajo, así que puedes intentar cambiar de dos". dimensiones a tres dimensiones, agregue dimensiones de expresión como color y forma. Si realmente siente el límite, debe considerar el problema de la sobrecarga de información e intentar eliminar las dimensiones de información innecesarias más adelante.
Los metadatos en este ejemplo son casos y las dimensiones son tiempo, categoría, departamento y casos anteriores y posteriores.
La mayoría de las relaciones entre metadatos están relacionadas con los atributos de los metadatos en sí, es decir, la relación entre datos se puede juzgar en una dimensión.
La hora de inicio y finalización de un caso puede indicar los entresijos de cada caso. Los casos se pueden conectar a una línea de bucle según los casos anteriores y posteriores al caso.
La escala de datos requiere muchas veces la recogida de datos reales para determinar capacidad gráfica, escala de coordenadas, etc.
Afortunadamente, la cantidad de datos en el ejemplo no es grande y la imagen de arriba es el proceso más complicado. La principal dificultad en la tarea de visualización de este ejemplo es la representación de relaciones.
2. Gráficos coincidentes
Después de analizar los datos claramente, debes encontrar un cuadro adecuado para colocar estas "manzanas". En el último paso, es posible que pueda utilizar sus propias habilidades lógicas para analizar los datos recopilados ya preparados, pero este paso requiere su propia experiencia y comprensión. ¡La visualización de datos es un conocimiento muy completo!
Qiao dijo: Implica cartografía, diseño gráfico, visión por computadora, recopilación de datos, estadísticas, tecnología gráfica, integración digital-analógica, animación, representación tridimensional, interacción del usuario y otros campos. Las áreas relacionadas incluyen imágenes y percepción visual. Análisis espacial, modelización científica, etc.
Pero afortunadamente hay muchos gráficos maduros que pueden usarse como referencia. Por ejemplo, los dos siguientes (los ejemplos de este artículo son su síntesis).
Flujo de datos
¿Cómo determinar qué modo de gráficos usar? Comienza con datos. Determinar qué dimensión es la más importante debería ser la primera expresión. Esta dimensión a menudo determina el patrón gráfico final. Cuando tenga una expectativa de gráficos en su mente, si siente que es demasiado difícil comenzar desde cero, puede verificar en línea o recordar si el software que ha utilizado tiene una expresión similar a este concepto.
Entre las cuatro dimensiones de tiempo, categoría, departamento y pre-caso y post-caso, según el análisis empresarial, el pre-caso y el post-caso son las más importantes, pero coincidentemente, en este negocio. , el tiempo, el caso previo y el caso posterior son los más importantes. Estrechamente relacionados entre sí: el caso previo y el caso posterior están perfectamente conectados. La hora de finalización del caso previo es la hora de inicio del caso posterior. . Finalmente se decidió considerar la combinación de tiempo y casos anteriores como primera dimensión. Después de determinar este tono, me referí a algunos números, como se muestra a continuación.
Recursos de herramientas para desarrolladores de Chrome
Renderizado posterior al efecto
Finalmente, tomé la difícil decisión de elegir gráficos de línea de tiempo y gráficos de flujo compatibles. Si miras con atención, encontrarás que copié el estilo de Chrome.
3. Optimice el gráfico
Una vez que tenga el gráfico, intente dibujar los datos en cada dimensión de acuerdo con los atributos y continúe ajustándolos hasta que sea razonable. Aunque lo que se menciona aquí es muy simple, es la etapa que requiere más tiempo y mano de obra. Cuando las dimensiones son demasiado largas, es necesario considerar si la arquitectura de la información es ancha o poco profunda, estrecha o profunda, y agregar navegación interactiva para hacer que los gráficos sean más "visibles".
En esta tarea, los gráficos fueron modificados muchas veces por mí. La siguiente imagen muestra el antes y el después de las modificaciones.
Los principales cambios son los siguientes:
El eje vertical elimina el logo de un departamento (fiscalía, investigación y supervisión, anticorrupción, etc.) y lo expresa implícitamente con el mismo color. Esta consideración es que los usuarios que entienden el negocio de la fiscalía pueden saber a qué departamento pertenece al ver la categoría del caso. Cuando falta el departamento, el área de la unidad será más clara: el flujo de casos entre las unidades superiores e inferiores es. de gran preocupación.
La línea de tiempo anterior se muestra en proporciones desiguales, y su logo está determinado por la imagen de abajo. Siempre sentí que esto no era lo suficientemente riguroso, y luego vi un componente de código abierto: Simile Timeline. Para situaciones en las que la cantidad de información en diferentes períodos de tiempo en la línea de tiempo varía mucho, se define el concepto de Hotzone. Pensé que encajaba muy bien con mis gráficos, así que lo adopté. En pocas palabras, este concepto de Hotzone consiste en ampliar un período de tiempo específico. La escala dentro de este período de tiempo puede ser más fina y se puede mostrar más información.