Comparar números de escalas muy diferentes

Estoy trabajando en un proyecto que analiza la naturaleza de los datos electrónicos (bits/bytes, almacenamiento) y la naturaleza explosiva del tráfico de datos en Internet desde 1990 hasta el 2016 proyectado.

Para una parte de este proyecto, he desarrollado un contador incremental que compara el tráfico de datos por segundo para los años 1990, 2000, 2010, 2013 y 2016. Curiosamente, la escala de la diferencia entre los años ha sido absolutamente alucinante desde un punto de vista perspectiva puramente numérica.

Vea a continuación una representación puramente mecánica de estos datos:

ingrese la descripción de la imagen aquí

Me cuesta decidirme por una visualización dinámica que ilustre este tráfico de datos por segundo de cada año, al mismo tiempo que brindo al usuario el contexto completo de lo que está viendo; por ejemplo, una barra vertical en la que se desplaza hacia abajo podría funciona en teoría, pero en la práctica, el tráfico previsto para 2016 es mucho mayor que el de 1990, por lo que se desplazaría infinitamente hacia abajo para ver el final de la barra y perdería de vista por completo la minúscula barra de 1990 y, por lo tanto, perdería la comprensión de la escala en sí.

Otro problema relacionado es la cuestión del infinito. Nos hemos dado cuenta de que en algún momento los datos serán tan grandes que romperán la pantalla, a menos que se trate de cadenas puramente numéricas.

Entonces.

¿Cómo podría comparar visualmente los valores de pedidos/tamaños enormemente diferentes?

Bueno, cuando estaba construyendo el manejador de datos, inserté los valores en, esencialmente, un gráfico de barras, simplemente porque tomó alrededor de treinta segundos. Eso reafirmó mis sospechas de que una representación 2D a escala no funcionaría. También analicé la representación de MB como bloques que contribuyen al 'cubo' de ese año, pero construir eso a partir de JS/CSS es algo en lo que realmente necesito pensar. Otras cosas en las que he pensado incluyen una escala creciente de 1-10-100-1000-10000, aunque no estoy seguro de si eso realmente demuestra cuán mahoosivos son los números... si solo estoy usando números más grandes .
¿Has echado un vistazo a la forma en que Randall Monroe lo maneja para sus infografías de xkcd? Tome la tabla de dosis de radiación, por ejemplo.
@StanRogers Gracias por eso, interesante como siempre de xkcd. Con mucho espacio para trabajar y una sola ruta de datos, esta probablemente sería una buena solución, pero creo que simplemente cambiar la apariencia de los puntos para representar el cambio de escala podría ser un poco complicado. He pensado en representar los datos como íconos del disco duro que se llenan y agregan a un contador o algo así, pero... Eso solo funcionaría si hubiera algo en lo que varios discos duros pudieran 'convertirse'. Mmm. Tendré que seguir pensando.
Eso es más o menos el 1-10-100 (10^n) que mencioné. Mmm. Eso ilustra muy bien el punto... y podría ser bastante divertido construir en CSS/HTML... aunque un poco desafiante. Más ideas para esbozar, supongo.

Respuestas (1)

Me encontré con este viejo tema. Su proyecto probablemente terminó hace años, pero pensé en agregar algo en caso de que ayude a alguien más.

Ese gráfico xkcd también me vino a la mente. En dos dimensiones, esos números aumentan de escala muy rápido, pero esa es una forma muy clara de mostrar la escala cambiante.

Sin embargo, si agrega una tercera dimensión, es decir, la representa como un volumen cúbico en lugar de un cuadrado, y luego representa el cubo en la pantalla como una proyección 2D de un cubo, entonces la escala se expande efectivamente más lentamente, y puede casi * representar el gama de volúmenes sin cambiar la escala.

Esto es lo que se me ocurrió usando esos números y un poco de dibujo crudo de MSPaint junto con la herramienta de escalado:

ingrese la descripción de la imagen aquí

[*] El cubo de 1990 tiene aproximadamente un tercio de un píxel de ancho.