index.html

---
layout: default
---
<div class="container">
  <div class="row">
	<div class="col-md-9">
	  <section id="about">
		<h2 class="page-header">About</h2>

		  Visualization is an important data analysis method that allows scientists to explore a dataset without preconceived questions, and is thus crucial for hypothesis generation. When combined with algorithmic approaches, it bridges the gap between exploration and confirmation. Visualization is also essential in communicating research findings.
		</p>
		<p>
		  Current visualization tools, however, have a crucial shortcoming: the interactive visual exploration process is not captured, which means that the analysis steps cannot be shared. Being able to reproduce visual analysis sessions and enabling third parties to understand, modify, and extend analysis sessions can have a significant impact on transparency, reproducibility, and innovation of analysis processes. Furthermore, there is enormous potential to utilize visual analysis sessions to efficiently communicate data.
		</p>
		<p>
		 Here we introduce a prototype that is a first step towards making this vision a reality. We capture the visual analysis process and enable users to comment on their decisions to make visual analysis reproducible. We leverage the data about the analysis process to allow scientists to create "Vistories", which are interactive and narrated figures, to communicate their findings. Vistories do not only efficiently communicate the findings, but also give audiences the ability to retrace and modify an analysis. Demos for our prototype for this approach are accessible below.
		</p>

	  </section>



	  <section id="video">
		<h2 class="page-header">Video</h2>
		<video src="video/vistories.mp4" controls="controls" poster="video/vistories.png" style="width:100%;height:auto;"></video>
	  </section>
	  <section id="demo">
		<h2 class="page-header">Demos</h2>
		<div class="alert alert-default" role="alert">Please note: The demos have only been tested with <a href="https://www.google.com/chrome/browser/desktop/index.html"><i class="fa fa-chrome"></i> Google Chrome</a>.</div>

		{% include vistories.html %}
	  </section>

	  <section id="source">
		<h2 class="page-header">Source Code</h2>
		<p>The source code for our prototype is <a href="https://github.com/phovea/phovea_clue">available on GitHub</a>. <b>Vistories are built with </b></p>
		   <a href="http://www.caleydo.org" alt="Caleydo Logo"><img style="width: 200px" src="http://www.caleydo.org/assets/images/logos/caleydo.svg" type="image/svg+xml"></a>
	  </section>

	  <section id="team">
		<h2 class="page-header">Team</h2>
		<p>
		  (in alphabetical order)
		</p>

		<h3>Nils Gehlenborg</h3>
		<p>Department of Biomedical Informatics at Harvard Medical School</p>
		<p>
		 <i class="fa fa-globe"></i>&nbsp;<a href="http://gehlenborglab.org">http://gehlenborglab.org</a> |
		 <i class="fa fa-twitter"></i>&nbsp;<a href="https://twitter.com/nils_gehlenborg">nils_gehlenborg</a> |
		 <i class="fa fa-github"></i>&nbsp;<a href="https://github.com/ngehlenborg">ngehlenborg</a>
		</p>

		<h3>Samuel Gratzl</h3>
		<p>Department of Computer Science at Johannes Kepler University Linz</p>
		<p>
		 <i class="fa fa-github"></i>&nbsp;<a href="https://github.com/sgratzl">sgratzl</a>
		</p>

		<h3>Alexander Lex</h3>
		<p>Viuslization Design Lab, Scientific Computing and Imaging Institute, School of Computing, University of Utah</p>
		<p>
		 <i class="fa fa-globe"></i>&nbsp;<a href="http://alexander-lex.net">http://alexander-lex.net</a> |
		 <i class="fa fa-twitter"></i>&nbsp;<a href="https://twitter.com/alexander_lex">alexander_lex</a> |
		 <i class="fa fa-github"></i>&nbsp;<a href="https://github.com/alexsb">alexsb</a>
		</p>

		<h3>Marc Streit</h3>
		<p>Department of Computer Science at Johannes Kepler University Linz</p>
		<p>
		 <i class="fa fa-globe"></i>&nbsp;<a href="http://marc-streit.com">http://marc-streit.com</a> |
		 <i class="fa fa-twitter"></i>&nbsp;<a href="https://twitter.com/marc_streit">marc_streit</a> |
		 <i class="fa fa-github"></i>&nbsp;<a href="https://github.com/marc_streit">marc_streit</a>
		</p>
		<p>
		  <i>We thank Nicola Cosgrove (<a href="https://github.com/NicolaLady">@NicolaLady</a>) for contributions to the prototype and the video.</i>
		</p>
				  </section>

				  <section id="publication">
					  <h2 class="page-header">Publication</h2>
					  <p>
					  Vistories are based on a paper that was published at EuroVis 2016:</p>
					  <p>

Samuel Gratzl, Alexander Lex, Nils Gehlenborg, Nicola Cosgrove, Marc Streit <br>
              <a href="http://caleydo.org/publications/2016_eurovis_clue/"><b>From Visual Exploration to Storytelling and Back Again</b></a> <br>
  Computer Graphics Forum (EuroVis '16), vol. 35, no. 3, pp. 491-500, <a href="http://dx.doi.org/10.1111/cgf.12925">doi:10.1111/cgf.12925</a>, 2016.<br>
</p>


					</section>
	</div>
  </div>
</div>