<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.0 20120330//EN" "JATS-archivearticle1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta />
    <article-meta>
      <title-group>
        <article-title>On the Application of Experimental Results in Dynamic Graph Drawing</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author">
          <string-name>Daniel Archambault</string-name>
          <email>d.w.archambault@swansea.ac.uk</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <contrib contrib-type="author">
          <string-name>Helen C. Purchase</string-name>
          <email>Helen.Purchase@glasgow.ac.uk</email>
          <xref ref-type="aff" rid="aff1">1</xref>
        </contrib>
        <aff id="aff0">
          <label>0</label>
          <institution>Swansea University</institution>
          ,
          <country country="UK">United Kingdom</country>
        </aff>
        <aff id="aff1">
          <label>1</label>
          <institution>University of Glasgow</institution>
          ,
          <country country="UK">United Kingdom</country>
        </aff>
      </contrib-group>
      <fpage>73</fpage>
      <lpage>77</lpage>
      <abstract>
        <p>A number of experiments have looked at various factors when visualizing dynamic graphs. Animation, small multiples, drawing stability (also known as the mental map) have been investigated. In this paper, we examine these results from the perspective of presentation method| mainly animation and small multiples. We also present ndings of recent empirical studies on drawing stability and how these results interact with these presentations methods. Finally, we discuss the challenges of applying these results in various application areas.</p>
      </abstract>
      <kwd-group>
        <kwd>Empirical Studies</kwd>
        <kwd>Dynamic Graph Drawing</kwd>
        <kwd>Applications</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>Introduction</title>
      <p>
        Dynamic data visualization and more speci cally dynamic graph drawing has
been very active over the past few years with the development of many
visualization tools and algorithms as well as empirical studies to test the e ectiveness
of such approaches with users [
        <xref ref-type="bibr" rid="ref5 ref7">5, 7</xref>
        ]. The most common techniques for visualizing
dynamic graphs is via node-link representations where nodes and edges in the
graph can be added or removed evolving the graph over time. When visualizing
dynamic graphs in this way, we need to consider a variety of parameters when
presenting the data. We might present the data using an interactive animation
that evolves the time series by fading in/out graph elements from the display.
Another alternative is a small multiples presentation of the data that allows a
series of timeslices to presented on the screen at once.
      </p>
      <p>
        Independent of the choice of visualization method, dynamic node-link
representations need to consider drawing stability|known more often as preserving
the mental map [
        <xref ref-type="bibr" rid="ref13 ref9">9, 13</xref>
        ] in the dynamic graph drawing literature. As the mental
map or cognitive map in psychology corresponds to the internal representation
of the data inside the human mind, we advocate the use of the term drawing
stability. Drawing stability would exclude the perception of the dynamic graph
by the human and refers solely to the positions of the nodes in the external
representation of the dynamic graph (usually the computer screen).
      </p>
      <p>
        In this paper, we begin by presenting empirical results in other elds that have
performed human-centred experiments on the visualization of dynamic data.
Using this discussion as a basis, we demonstrate that the results of recent
humancomputer interaction experiments that have tested e ectiveness of interactive
animation and small multiples for the visualization of dynamic node-link
representations are consistent with this literature. We then expand on our previous
work [
        <xref ref-type="bibr" rid="ref3">3</xref>
        ] and discuss how these concepts interact with drawing stability. Finally,
we discuss the challenges in applying these results to wider application areas.
2
      </p>
    </sec>
    <sec id="sec-2">
      <title>Animation and Small Multiples</title>
      <p>
        Animation and small multiples are two common methods for visualizing dynamic
data sets. When we say animation in this paper, we mean interactive animation
whereby the user of the visualization has complete control over the evolution of
the dynamic data. This presentation method is an interactive movie where the
current frame is given to the entire screen and smooth transitions between frames
demonstrate how the data evolves. A small multiples [
        <xref ref-type="bibr" rid="ref15">15</xref>
        ] presentation of the
data places a series of snapshots side-by-side on the screen simultaneously and
the user scans these windows to perceive temporal evolution. In the terminology
of Bach et al. [
        <xref ref-type="bibr" rid="ref5">5</xref>
        ], animation is interactive time cutting and small multiples is a
type of time juxtaposing.
      </p>
      <p>
        Tversky et al. [
        <xref ref-type="bibr" rid="ref16">16</xref>
        ] performed a survey of experiments in psychology,
education, and a variety of other elds. The survey did not nd convincing empirical
evidence that animation assisted with tasks in these elds. Where animations
seemed to perform well, they often took time to comprehend so they do have a
cost in terms of human performance.
      </p>
      <p>
        Despite this strong evidence against animation as a presentation method in
this survey, the authors concede there are certain circumstances when animation
can be useful. Speci cally, animated transitions can be helpful if there are
complex reorientations of the data. The paper even concludes its review of empirical
studies on animation with the following caveat:
{ \At this point then, the most promising uses of animation seem to be to
convey real-time changes and reorientations in time and space." [
        <xref ref-type="bibr" rid="ref16">16</xref>
        ]
Evidence also exists that animations can be used e ectively for highlighting.
Ware and Bobrow [
        <xref ref-type="bibr" rid="ref17">17</xref>
        ] demonstrate that animations can be use to highlight
subgraphs within a larger graph. Gri en et al. [
        <xref ref-type="bibr" rid="ref12">12</xref>
        ] show that animation can
be used to highlight clusters of hexagons against a similarly coloured eld of
distractors hexagons when compared to a small multiples representation.
      </p>
      <p>This body of evidence suggests that animation is important in speci c
circumstances: to support reorientations in time/space and highlighting. Outside
of these circumstances, animations often have a cost|speci cally in the time
that it takes to use them. This evidence suggests that static images, with time
encoded spatially, for the visualization of dynamic data should be encouraged.
2.1</p>
      <p>
        Animation, Small Multiples, and Dynamic Graphs
Human-centred experiments testing the e ectiveness of interactive animation
and small multiples in dynamic graph drawing seems to show the same result|
namely, that interactive animations, although comprehensible, have a cost in
terms of the time that it takes to use them. Archambault et al. [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ] provide
evidence that small multiples is signi cantly faster than interactive animation
for all tasks tested and with no di erence in error rate for three of them. Farrugia
and Quigley [
        <xref ref-type="bibr" rid="ref10">10</xref>
        ], in a social networking scenario, nd that a small multiples
representation is faster with no signi cant di erence in error rate. Therefore,
these experiments provide evidence that interactive animations have a cost in
terms of the time it takes to use them, providing further support for the ndings
of Tversky et al. [
        <xref ref-type="bibr" rid="ref16">16</xref>
        ] in the area of dynamic graph visualization.
      </p>
      <p>
        However, used in moderation, animation can help in speci c circumstances|
in particular, with respect to highlighting [
        <xref ref-type="bibr" rid="ref12 ref17">17, 12</xref>
        ]. Archambault et al. [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ] found
that interactive animation, when compared to small multiples, helped reduce
error rates when trying to determine the number of times a node or edge was
added to a dynamic graph series. Animation may have assisted in highlighting
the nodes and edges in the experiment. There is some evidence that animation
may help make graph sequences more memorable [
        <xref ref-type="bibr" rid="ref1 ref8">8, 1</xref>
        ]. Animation may have
played a role in highlighting graph elements, improving memorability.
      </p>
      <p>
        Tversky et al. [
        <xref ref-type="bibr" rid="ref16">16</xref>
        ], as quoted in the previous section, stated that animation
could be useful in supporting reorientations in time and space. Although there is
no evidence available when comparing interactive animation to small multiples
directly, when comparing no transitions to both staged and linear transitions for
dynamic graphs, animation can help [
        <xref ref-type="bibr" rid="ref14 ref6 ref8">8, 14, 6</xref>
        ] for full screen and hybrid
visualizations of dynamic graphs. A possible reason for these ndings is that if there
are signi cant reorientations of the graph between adjacent timeslices,
interactive animation helps disambiguate the identities of nodes and edges in the graph
when their positions change extensively.
      </p>
      <p>Animations of dynamic graphs can help in clarifying spatial reorientations
and in highlighting. However, often these advantages come at a cost in terms of
the time that it takes to use them. Thus, for dynamic graph visualization, we
would encourage further work on small multiples and other approaches where
time is represented spatially. Very short animations for highlighting or clarifying
critical spatial reorientations are probably the most e ective uses of animation.
3</p>
    </sec>
    <sec id="sec-3">
      <title>What About Drawing Stability?</title>
      <p>
        A survey [
        <xref ref-type="bibr" rid="ref3">3</xref>
        ] of experimental results in dynamic graph drawing prior to 2012 could
not nd evidence that drawing stability [
        <xref ref-type="bibr" rid="ref13 ref9">13, 9</xref>
        ] helps when visualizing undirected
dynamic graphs. The survey concludes that drawing stability may not be as
useful as originally thought and that further study was needed. Two subsequent
studies have found that drawing stability can help in certain circumstances.
      </p>
      <p>
        Ghani et al. [
        <xref ref-type="bibr" rid="ref11">11</xref>
        ] demonstrate that, when comparing dynamic drawings with
pinned vertices to drawing each time period independently, drawing stability
can help users perceive the order of addition/removal of nodes from a graph.
Archambault and Purchase [
        <xref ref-type="bibr" rid="ref2">2</xref>
        ] provided evidence that dynamic graph drawing
algorithms which support drawing stability help when the tasks are maplike|such
as locating nodes or following long paths through the graph. This experiment
su ciently challenged the participant by requiring a high number of pertinent
nodes ( ve or greater) to the question and by not highlighting these nodes via
any other means (e.g. colour). A stable external representation of the dynamic
graph was helpful under these conditions.
      </p>
      <p>Drawing stability is helpful for locating speci c nodes in a visualization or
following long paths|tasks that are similar to nding our way on a map. One
could view drawing stability as a form of spatial highlighting where position is
used to identify nodes. In situations where the drawing cannot be kept stable,
animated transitions could still be helpful. However, we would encourage that the
animations used to clarify these reorentations be short in duration to minimize
their temporal cost.
4</p>
    </sec>
    <sec id="sec-4">
      <title>Challenges in Application of Results</title>
      <p>A number of challenges exist in applying these experimental results to
application areas of dynamic graph drawing.</p>
      <p>In human-centred experiments in this area, the number of nodes and edges
used in the experimental stimuli is small. In many cases, results on small graphs
can be generalized to large graphs as aggregation and ltering are frequently used
to reduce the nodes and edges to a reasonable number for visualization. However,
further investigation into methods to visualize very large dynamic graphs directly
can be fruitful, and experiments can assist in validating these techniques.</p>
      <p>
        The time series used in experiments conducted so far is of short duration. If
aggregation or ltering is applied along the temporal dimension, the results of
these experiments can be applied directly. Development of techniques based on
aggregation and ltering along the temporal dimension have begun with systems
such as Di Ani [
        <xref ref-type="bibr" rid="ref14">14</xref>
        ] and GraphDiaries [
        <xref ref-type="bibr" rid="ref6">6</xref>
        ]. However, we would encourage further
investigation into methods for the direct visualization dynamic graphs with long
time series.
      </p>
      <p>Further development of novel interaction methods with dynamic graphs is
needed. Interactive animation often has a cost in terms of user time, but it is
only one form of interaction with dynamic graphs. The development of novel
and e ective interaction methods would greatly bene t this area.</p>
      <p>When designing human-centred experiments, we need to be careful that the
chosen tasks are appropriate and realistic. Often, the best way to ensure this
realism is to base the chosen experimental tasks on applied research. Secondly,
it is very important for us as a community to become familiar with relevant
experiments conducted in psychology and perception. Experiments in these
communities are often related and relevant to the tools we design.</p>
      <p>This paper focuses on formal, human-centred experiments in dynamic graph
drawing and reports on new results in the area. Secondly, it provides some ideas
on the application of these results. We suggest that similar evaluation
methodologies could be used more widely to inform the design and development of
dynamic graph drawing methods in other domains.</p>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          1.
          <string-name>
            <given-names>D.</given-names>
            <surname>Archambault</surname>
          </string-name>
          and
          <string-name>
            <given-names>H. C.</given-names>
            <surname>Purchase</surname>
          </string-name>
          .
          <article-title>The mental map and memorability in dynamic graphs</article-title>
          .
          <source>In Proc. of the IEEE Paci c Visualization Symposium (Paci cVis '12)</source>
          , pages
          <fpage>89</fpage>
          {
          <fpage>96</fpage>
          ,
          <year>2012</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          2.
          <string-name>
            <given-names>D.</given-names>
            <surname>Archambault</surname>
          </string-name>
          and
          <string-name>
            <given-names>H. C.</given-names>
            <surname>Purchase</surname>
          </string-name>
          .
          <article-title>Mental map preservation helps user orientation in dynamic graphs</article-title>
          .
          <source>In Proc. of Graph Drawing (GD '12)</source>
          , pages
          <fpage>475</fpage>
          {
          <fpage>486</fpage>
          ,
          <year>2012</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          3.
          <string-name>
            <given-names>D.</given-names>
            <surname>Archambault</surname>
          </string-name>
          and
          <string-name>
            <given-names>H. C.</given-names>
            <surname>Purchase.</surname>
          </string-name>
          <article-title>The "map" in the mental map: Experimental results in dynamic graph drawing</article-title>
          .
          <source>Int. J. of Human-Computer Studies</source>
          ,
          <volume>71</volume>
          (
          <issue>11</issue>
          ):
          <volume>1044</volume>
          {
          <fpage>1055</fpage>
          ,
          <year>2013</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref4">
        <mixed-citation>
          4.
          <string-name>
            <given-names>D.</given-names>
            <surname>Archambault</surname>
          </string-name>
          ,
          <string-name>
            <given-names>H. C.</given-names>
            <surname>Purchase</surname>
          </string-name>
          , and
          <string-name>
            <given-names>B.</given-names>
            <surname>Pinaud</surname>
          </string-name>
          . Animation,
          <article-title>small multiples, and the e ect of mental map preservation in dynamic graphs</article-title>
          .
          <source>IEEE Trans. on Visualization and Computer Graphics</source>
          ,
          <volume>17</volume>
          (
          <issue>4</issue>
          ):
          <volume>539</volume>
          {
          <fpage>552</fpage>
          ,
          <year>2011</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref5">
        <mixed-citation>
          5.
          <string-name>
            <given-names>B.</given-names>
            <surname>Bach</surname>
          </string-name>
          ,
          <string-name>
            <given-names>P.</given-names>
            <surname>Dragicevic</surname>
          </string-name>
          ,
          <string-name>
            <given-names>D.</given-names>
            <surname>Archambault</surname>
          </string-name>
          ,
          <string-name>
            <given-names>C.</given-names>
            <surname>Hurter</surname>
          </string-name>
          , and
          <string-name>
            <given-names>S.</given-names>
            <surname>Carpendale</surname>
          </string-name>
          .
          <article-title>A review of temporal data visualizations based on space-time cube operations</article-title>
          .
          <source>In EuroVis 2014 { State of the Art Reports</source>
          ,
          <year>2014</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref6">
        <mixed-citation>
          6.
          <string-name>
            <given-names>B.</given-names>
            <surname>Bach</surname>
          </string-name>
          ,
          <string-name>
            <surname>J.-D. Fekete</surname>
            , and
            <given-names>E. Pietriga.</given-names>
          </string-name>
          <article-title>GraphDiaries: Animated transitions and temporal navigation for dynamic networks</article-title>
          .
          <source>IEEE Transactions on Visualization and Computer Graphics</source>
          ,
          <volume>20</volume>
          (
          <issue>5</issue>
          ):
          <volume>740</volume>
          {
          <fpage>754</fpage>
          ,
          <year>2014</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref7">
        <mixed-citation>
          7.
          <string-name>
            <given-names>F.</given-names>
            <surname>Beck</surname>
          </string-name>
          ,
          <string-name>
            <given-names>M.</given-names>
            <surname>Burch</surname>
          </string-name>
          ,
          <string-name>
            <given-names>S.</given-names>
            <surname>Diehl</surname>
          </string-name>
          , and
          <string-name>
            <given-names>D.</given-names>
            <surname>Weiskopf</surname>
          </string-name>
          .
          <article-title>The state of the art in visualizing dynamic graphs</article-title>
          .
          <source>In EuroVis 2014 { State of the Art Reports</source>
          ,
          <year>2014</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref8">
        <mixed-citation>
          8.
          <string-name>
            <given-names>B. B.</given-names>
            <surname>Bederson</surname>
          </string-name>
          and
          <string-name>
            <given-names>A.</given-names>
            <surname>Boltman</surname>
          </string-name>
          .
          <article-title>Does animation help users build mental maps of spatial information?</article-title>
          <source>In Proc. of the 1999 IEEE Symposium on Information Visualization</source>
          , pages
          <volume>28</volume>
          {
          <fpage>35</fpage>
          ,
          <year>1999</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref9">
        <mixed-citation>
          9.
          <string-name>
            <surname>M. K. Coleman</surname>
            and
            <given-names>D. S.</given-names>
          </string-name>
          <string-name>
            <surname>Parker</surname>
          </string-name>
          .
          <article-title>Aesthetics-based graph layout for human consumption</article-title>
          .
          <source>Software - Practice and Experience</source>
          ,
          <volume>26</volume>
          (
          <issue>12</issue>
          ):
          <volume>1415</volume>
          {
          <fpage>1438</fpage>
          ,
          <year>1996</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref10">
        <mixed-citation>
          10.
          <string-name>
            <given-names>M.</given-names>
            <surname>Farrugia</surname>
          </string-name>
          and
          <string-name>
            <given-names>A.</given-names>
            <surname>Quigley</surname>
          </string-name>
          .
          <article-title>E ective temporal graph layout: A comparative study of animation versus static display methods</article-title>
          .
          <source>Journal of Information Visualization</source>
          ,
          <volume>10</volume>
          (
          <issue>1</issue>
          ):
          <volume>47</volume>
          {
          <fpage>64</fpage>
          ,
          <year>2011</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref11">
        <mixed-citation>
          11.
          <string-name>
            <given-names>S.</given-names>
            <surname>Ghani</surname>
          </string-name>
          ,
          <string-name>
            <given-names>N.</given-names>
            <surname>Elmqvist</surname>
          </string-name>
          , and
          <string-name>
            <given-names>J. S.</given-names>
            <surname>Yi</surname>
          </string-name>
          .
          <article-title>Perception of animated node-link diagrams for dynamic graphs</article-title>
          .
          <source>Computer Graphics Forum</source>
          ,
          <volume>31</volume>
          (
          <issue>3</issue>
          ):
          <volume>1205</volume>
          {
          <fpage>1214</fpage>
          ,
          <year>2012</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref12">
        <mixed-citation>
          12.
          <string-name>
            <surname>A. L. Gri en</surname>
          </string-name>
          ,
          <string-name>
            <surname>A. M. MacEachren</surname>
            ,
            <given-names>F.</given-names>
          </string-name>
          <string-name>
            <surname>Hardisty</surname>
            , E. Steiner, and
            <given-names>B.</given-names>
          </string-name>
          <string-name>
            <surname>Li</surname>
          </string-name>
          .
          <article-title>A comparison of animated maps with static small-multiple maps for visually identifying spacetime clusters</article-title>
          .
          <source>Annals of the Association of American Geographers</source>
          ,
          <volume>96</volume>
          (
          <issue>4</issue>
          ):
          <volume>740</volume>
          {
          <fpage>753</fpage>
          ,
          <year>2006</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref13">
        <mixed-citation>
          13.
          <string-name>
            <given-names>K.</given-names>
            <surname>Misue</surname>
          </string-name>
          ,
          <string-name>
            <given-names>P.</given-names>
            <surname>Eades</surname>
          </string-name>
          ,
          <string-name>
            <given-names>W.</given-names>
            <surname>Lai</surname>
          </string-name>
          , and
          <string-name>
            <given-names>K.</given-names>
            <surname>Sugiyama</surname>
          </string-name>
          .
          <article-title>Layout adjustment and the mental map</article-title>
          .
          <source>Journal of Visual Languages and Computing</source>
          ,
          <volume>6</volume>
          :
          <fpage>183</fpage>
          {
          <fpage>210</fpage>
          ,
          <year>1995</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref14">
        <mixed-citation>
          14. S. Ru ange and
          <string-name>
            <given-names>M. J. McGu n. Di</given-names>
            <surname>Ani</surname>
          </string-name>
          :
          <article-title>Visualizing dynamic graphs with a hybrid of di erence maps and animation</article-title>
          .
          <source>IEEE Transactions on Visualization and Computer Graphics</source>
          ,
          <volume>19</volume>
          (
          <issue>12</issue>
          ):
          <volume>2556</volume>
          {
          <fpage>2565</fpage>
          ,
          <year>2013</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref15">
        <mixed-citation>
          15.
          <string-name>
            <given-names>E. Tufte. Envisioning</given-names>
            <surname>Information</surname>
          </string-name>
          . Graphics Press,
          <year>1990</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref16">
        <mixed-citation>
          16.
          <string-name>
            <given-names>B.</given-names>
            <surname>Tversky</surname>
          </string-name>
          ,
          <string-name>
            <given-names>J.</given-names>
            <surname>Morrison</surname>
          </string-name>
          , and
          <string-name>
            <given-names>M.</given-names>
            <surname>Betrancourt</surname>
          </string-name>
          . Animation: Can it facilitate?
          <source>Int. Journal of Human-Computer Studies</source>
          ,
          <volume>57</volume>
          (
          <issue>4</issue>
          ):
          <volume>247</volume>
          {
          <fpage>262</fpage>
          ,
          <year>2002</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref17">
        <mixed-citation>
          17.
          <string-name>
            <given-names>C.</given-names>
            <surname>Ware</surname>
          </string-name>
          and
          <string-name>
            <given-names>R.</given-names>
            <surname>Bobrow</surname>
          </string-name>
          .
          <article-title>Supporting visual queries on medium sized node-link diagrams</article-title>
          .
          <source>Journal of Information Visualization</source>
          ,
          <volume>4</volume>
          (
          <issue>1</issue>
          ):
          <volume>49</volume>
          {
          <fpage>58</fpage>
          ,
          <year>2005</year>
          .
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>