Una buena forma de combinar los tres gráficos con el mismo eje Y, pero diferentes en el eje X.

Question

Tengo tres gráficos como se muestra a continuación (la última está dividida porque no podía tomar una captura de pantalla con todo junto)

¿Cuál es un buen enfoque (desde un UX punto de vista) a la combinación de todos los gráficos de tres en una sola visualización? ¿Qué tipo de visualización debo observar?

Answer 1

No creo que usted debe tratar de combinar estos. El año, el día del mes, y el día de la semana son todos ortogonal preocupaciones. Si usted capas en una sola parcela, con tres capas de la pila de $x$-etiquetas o algo, sólo tendría una más desordenado de la presentación.

He aquí algunos de los más misceláneos consejos:

• No se acumulan. El acumulado de la pantalla se extiende a la $y$-eje y hace que sea difícil hacer comparaciones a través de $x$-valores, puesto que el lector necesita observe la diferencia en el $y$-eje en lugar de ser capaz de leer en el $y$-eje directamente.
• Eliminar el relleno debajo de las líneas, y eliminar la división verticales. Estos se añaden un montón de ruido visual de poca información.
• Presente $y$-valores por día significa, más bien, de las sumas. Esto hará que los números más pequeños y más fáciles de interpretar, y te dará la posibilidad de poner el $y$-ejes de las tres figuras en la misma escala.
• Agregar separadores de miles a la $y$-etiquetas para hacerlos más legibles.

Recomiendo el libro popular de La presentación Visual de la Información Cuantitativa, por Edward R. Tufte, para guía sobre el modo fácil de leer gráficos de datos.

Answer 2

A continuación encontrará algunas sugerencias, cada uno dependiendo del propósito y el previo conocimiento de los usuarios.

Sólo se muestran los datos reales y permiten al usuario recoger

Parcela el número real de visitas por período (día o mes), en lugar de la acumulada de los datos, y el uso de line como una codificación de marca. En términos de granularidad, puede continuar para seguir con el enfoque múltiple, uno para cada nivel de zoom, o, alternativamente, una para cada agregación de medida (total, promedio, min, max, etc.).

Permiten al usuario configurar el período

Pantallas interactivas ofrecen la ventaja de que el usuario puede acercar y alejar o filtro en ir a centrarse en un período menor. Aquí es un ejemplo de que casi habla por sí mismo: resumen+de detalle basado en vega.js

Revelan la tendencia subyacente para el usuario

Un cómodo y bien-a-entender enfoque es calcular los promedios móviles y parcela de aquellos como una capa por encima de la original diaria o mensual de datos. Basado en el número de puntos de datos que intervienen en el cálculo de promedio móvil, se pueden visualizar a corto o largo plazo de las tendencias.

A qué hora del día/semana/mes/año ¿el usuario del sitio tiene la mayoría de las visitas?

Una manera de responder a esta pregunta es dibujar los datos en un mapa de calor con una escala de tiempo en la x eje, por ejemplo, meses (o número de día), y en una escala ordinal en la y eje, por ejemplo, el número del día (o incluso intra-día). El número de visitas debe ser codificado con tonos de gris (brillo) en una escala continua. Aquí es un mapa de calor basado en vega.js.

Cómo hacer el sitio de visitas diarias comparar con el año anterior, el promedio?

Una manera sencilla de comparar datos en el tiempo es transformar el diario o mensual de datos en los valores del índice, base 100 e.g el número promedio de diario o mensual de las visitas realizadas durante el año anterior. Obviamente, la elección de la base 100, requiere de una cuidadosa consideración: debe ser fácil de entender por los usuarios, por un lado, y de ser significativo en el otro.