Animated Edge Textures in Node-Link Diagrams: a Design Space and Initial Evaluation

Hugo Romat 1, 2, 3, 4 Caroline Appert 1, 2, 3 Benjamin Bach 5 Nathalie Henry-Riche 6 Emmanuel Pietriga 1, 2, 3
1 ILDA - Interacting with Large Data
LRI - Laboratoire de Recherche en Informatique, Inria Saclay - Ile de France
2 HCC - LRI - Human-Centered Computing (LRI)
LRI - Laboratoire de Recherche en Informatique
Abstract : Network edge data attributes are usually encoded using color, opacity, stroke thickness and stroke pattern, or some combination thereof. In addition to these static variables, it is also possible to animate dynamic particles flowing along the edges. This opens a larger design space of animated edge textures, featuring additional visual encodings that have potential not only in terms of visual mapping capacity but also playfulness and aesthetics. Such animated edge textures have been used in several commercial and design-oriented visualizations, but to our knowledge almost always in a relatively ad hoc manner. We introduce a design space and Web-based framework for generating animated edge textures, and report on an initial evaluation of particle properties – particle speed, pattern and frequency – in terms of visual perception.
Complete list of metadatas

Cited literature [63 references]  Display  Hide  Download

https://hal.inria.fr/hal-01726358
Contributor : Emmanuel Pietriga <>
Submitted on : Thursday, March 8, 2018 - 11:13:14 AM
Last modification on : Friday, August 30, 2019 - 10:06:10 AM
Long-term archiving on : Saturday, June 9, 2018 - 1:59:22 PM

Identifiers

Citation

Hugo Romat, Caroline Appert, Benjamin Bach, Nathalie Henry-Riche, Emmanuel Pietriga. Animated Edge Textures in Node-Link Diagrams: a Design Space and Initial Evaluation. Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems, Apr 2018, Montréal, Canada. pp.187:1--187:13, ⟨10.1145/3173574.3173761⟩. ⟨hal-01726358⟩

Share

Metrics

Record views

850

Files downloads

465