forked from CSE512-14W/fp-jheer-kanitw
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (56 loc) · 2.98 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>CSE512: Data Visualization</title>
<meta name="robots" content="index,follow" />
<link rel="stylesheet" type="text/css" href="http://courses.cs.washington.edu/courses/cse512/14wi/style.css"/>
</head>
<body>
<div class='content wider'>
<div class='title'>
<a href="http://courses.cs.washington.edu/courses/cse512/14wi/"><strong>CSE512</strong></a>
Projects
<small>(Winter 2014)</small>
</div>
<br/>
<div class='pub' data-spy="scroll" data-target=".navbar">
<h1 class="title">Final Project Template</h1>
<div class="authors">
<a href="http://jheer.org">Jeffrey Heer</a>,
<a href="http://kanitw.yellowpigz.com">Kanit Wongsuphasawat</a>
</div>
<div class="figure">
<img src="summary.png" width="100%"/>
<div class="caption">William Playfair’s classic chart comparing the price of wheat and wages in England recreated in the Lyra VDE.</div>
</div>
<p>
Acknowledgement: Example abstract, image and videos are from <a href="http://idl.cs.washington.edu/projects/lyra">Lyra</a>. <br/><br/>
Lyra is an interactive environment that enables custom visualization design without writing any code. Graphical “marks” can be bound to data fields using property drop zones; dynamically positioned using connectors; and directly moved, rotated, and resized using handles. Lyra also provides a data pipeline interface for iterative visual specification of data transformations and layout algorithms. Lyra is more expressive than interactive systems like Tableau, allowing designers to create custom visualizations comparable to hand-coded visualizations built with D3 or Processing. These visualizations can then be easily published and reused on the Web.
</p>
<h2>Software</h2>
<p>
Try it online <a href="http://idl.cs.washington.edu/projects/lyra/app/">here</a>.
(Put detailed running instructions here if you don't have an online version available.
If your software requires some learning before using, you might want to put a short tutorial here.
</p>
<h2>Materials</h2>
<div class="links">
<a href="final/paper-jheer-kanitw.pdf" >PDF</a>
|
<a href="final/poster-jheer-kanitw.pdf" >Poster</a>
</div>
<h2>Videos</h2>
<video width="700" height="385" controls="">
<source src="http://idl.cs.washington.edu/static/images/projects/lyra/Playfair-New.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class='footer'>
<a href='http://cs.washington.edu'>Computer Science & Engineering</a> -
<a href='http://www.washington.edu'>University of Washington</a>
</div>
</div>
<br/>
<br/>
</div>
</body>
</html>