-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (86 loc) · 4.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Calliope: Automatic Visual Data Story Generation from a Spreadsheet</title>
<meta name="description" content="Calliope: Automatic Visual Data Story Generation from a Spreadsheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<div class="wrapper">
<header>
<teaser>
</teaser>
<h1>
<b>Calliope</b>:
<span>Automatic Visual Data Story Generation from a Spreadsheet</span>
</h1>
<img class="teaser" src="img/teaser.png" />
</header>
<section>
<h2>Abstract</h2>
<p class="abstract">
Visual data stories shown in the form of narrative visualizations such as a poster or a data video, are frequently used in data-oriented storytelling to facilitate the understanding and memorization of the story content. Although useful, technique barriers, such as data analysis, visualization, and scripting, make the generation of a visual data story difficult. Existing authoring tools rely on users’ skills and experiences, which are usually inefficient and still difficult. In this paper, we introduce a novel visual data story generating system, Calliope, which creates visual data stories from an input spreadsheet through an automatic process and facilities the easy revision of the generated story based on an online story editor. Particularly, Calliope incorporates a new logic-oriented Monte Carlo tree search algorithm that explores the data space given by the input spreadsheet to progressively generate story pieces (i.e., data facts) and organize them in a logical order. The importance of data facts is measured based on information theory, and each data fact is visualized in a chart and captioned by an automatically generated description. We evaluate the proposed technique through three example stories, two controlled experiments, and a series of interviews with 10 domain experts. Our evaluation shows that Calliope is beneficial to efficient visual data story generation.
</p>
</section>
<section>
<img class="teaser" src="img/system.png" />
</section>
<section>
<h2>Resources</h2>
<div class="responsive-content">
<a href="https://arxiv.org/abs/2010.09975" target="_blank">Paper</a>
<span class="sep"></span>
<a href="https://demo.datacalliope.com" target="_blank">Demo</a>
<span class="sep"></span>
<a href="https://datacalliope.com" target="_blank">Platform</a>
<span class="sep"></span>
<a href="https://vimeo.com/478731018" target="_blank">Video</a>
<span class="sep"></span>
<a href="https://vimeo.com/478736226" target="_blank">Presentation</a>
</div>
</section>
<section>
<h2>Authors</h2>
<a href="https://sdq.github.io" target="_blank">Danqing Shi</a><span class="sep"></span>
<a href="https://ixuxinyue.github.io/" target="_blank">Xinyue Xu</a><span class="sep"></span>
<a href="https://soundquiet.github.io/" target="_blank">Fuling Sun</a><span class="sep"></span>
<a href="https://xiaoyangtao.github.io/" target="_blank">Yang Shi</a><span class="sep"></span>
<a href="http://nancao.org/" target="_blank">Nan Cao</a>
</section>
<section>
<h2>Organization</h2>
<div class="responsive-content">
<a href="https://idvxlab.com" target="_blank">iDVX Lab</a>
</div>
</section>
<section>
<h2>Reference</h2>
<!-- <div class="citation-container">
<div class="citation">Danqing Shi, Xinyue Xu, Fuling Sun, Yang Shi and Nan Cao 2019. Calliope: Automatic Visual Data Story Generation from a Spreadsheet. IEEE Trans. Visualization & Comp. Graphics (Proc. InfoVis), 2021</div>
<span class="citation-title">Plain Text</span>
</div> -->
<div class="citation-container">
<div class="citation">@article{shi2020calliope,
title={Calliope: Automatic Visual Data Story Generation from a Spreadsheet},
author={Shi, Danqing and Xu, Xinyue and Sun, Fuling and Shi, Yang and Cao, Nan},
journal = {IEEE Transactions on Visualization and Computer Graphics},
year = {2020},
publisher={IEEE}
}</div>
<!-- <span class="citation-title">BibteX</span> -->
</div>
<footer>
</footer>
</div>
</body>
</html>