Ejemplo
Aquí hay un ejemplo de sparklines creado por Andy Kriebel de VizWiz. Utiliza sparklines para mostrar la tendencia de los viajes mensuales en taxi de las diferentes regiones de Chicago. Podemos ver la tendencia general de cada región y analizar los datos estadísticos al mismo tiempo. Los gráficos de barras incrustados en esta tabla también pueden ser considerados como líneas de chispa en un sentido amplio .
Conceptos y características
Las líneas de bengala fueron propuestas por Edward Tufte en 1983. Definió el término sparklines como «pequeños gráficos de alta resolución incrustados en un contexto de palabras, números, imágenes». Según el wiki de sparkline:
Las líneas de chispa resaltan la variación en lugar del valor absoluto . Se centran en la forma general de los datos. Por lo tanto, en la mayoría de los casos, los ejes truncadores y no sincronizadores son aceptables. Pero recuerda usarlos con cuidado . Para los usuarios principiantes, puede ser necesario incluir algunas leyendas para evitar el gráfico engañoso. Recuerde especialmente no comparar las líneas de chispa si utiliza ejes no sincronizados.
La característica más destacada de los sparklines es que son extremadamente eficientes en el espacio . Pueden ser incluso tan pequeñas como una línea de texto e incrustadas en una tabla de texto. Los sparklines también tienen una alta escalabilidad . Son capaces de compactar muchos datos en un espacio pequeño.
Los sparklines se utilizan ampliamente en escenarios sensibles al espacio , especialmente en la UI móvil. Los escenarios típicos de aplicación incluyen los mercados de valores, la economía, el rendimiento de los negocios y los tableros de KPI.
Por otro lado, como las líneas de chispa son tan pequeñas, es difícil extraer detalles numéricos . Otro problema es la necesidad de evitar el mal uso y el engaño – lo que acabamos de discutir anteriormente.
Edward describió las sparklines como «gráficos de datos intensos, de diseño simple y tamaño de palabras». Así que en un sentido amplio, las sparklines pueden ser extendidas a otros elementos visuales , como áreas, barras y puntos. Demostraremos la extensión en la práctica.
Contenidos