-
Notifications
You must be signed in to change notification settings - Fork 3
/
index_old.html
168 lines (155 loc) · 8.34 KB
/
index_old.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="Author" content="Vadim Ogievetsky"/>
<meta name="keywords" content="Vadim Ogievetsky projects resume xkcd visualization"/>
<meta name="description" content="Vadim Ogievetsky's personal site"/>
<link rel="stylesheet" media="screen, print" href="build/style.css"/>
<title>Vadim Ogievetsky</title>
<script type="text/javascript" src="fastrack.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17409200-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="info">
<h1 class="name">Vadim Ogievetsky</h1>
<div class="email">vad [at] cs.stanford [dot] edu</div>
<div class="bio">UI/UX Engineer</div>
<div class="links">
<a href="resume.html">Resume</a> /
<a href="https://github.com/vogievetsky/">GitHub</a>
</div>
</div>
<div class="main">
<!-- Intro D3-->
<!-- https://github.com/vogievetsky/DVL -->
<div class="project">
<a class="pic" href="http://koalastothemax.com/">
<img src="images/koalas_to_the_max.png" alt="Koalas to the Max"/>
</a>
<div class="body">
<h3><a href="http://koalastothemax.com/">Koalas to the Max</a></h3>
An interactive pointless exploration of circularized koalas created, with love, for
<a href="http://anniealbagli.com/">Annie Albagli</a> using
<a href="http://mbostock.github.com/d3/">D3</a>.
</div>
</div>
<div class="project">
<a class="pic" href="http://queue.acm.org/detail.cfm?id=1805128">
<img src="images/vis_zoo.png" alt="A Tour through the Visualization Zoo"/>
</a>
<div class="body">
<h3><a href="http://queue.acm.org/detail.cfm?id=1805128">A Tour through the Visualization Zoo</a></h3>
A survey of powerful visualization techniques, from the obvious to the obscure.<br/>
Written in collaboration with
<a href="http://jheer.org">Jeffrey Heer</a> and
<a href="http://graphics.stanford.edu/~mbostock/">Mike Bostock</a> to showcase the power of
<a href="http://vis.stanford.edu/protovis/">Protovis</a>.
<div class="links">
<a href="http://queue.acm.org/detail.cfm?id=1805128">Article</a>
</div>
</div>
</div>
<div class="project">
<a class="pic" href="http://mbostock.github.com/protovis/">
<img src="images/protovis.png" alt="Protovis"/>
</a>
<div class="body">
<h3><a href="http://mbostock.github.com/protovis/">Protovis</a></h3>
A free and open source JavaScript library for declerativly building web-native visualizations.<br/>
Protovis is no longer actively development.
<div class="links">
<a href="http://mbostock.github.com/protovis/ex/">Examples</a><br/>
<a href="http://mbostock.github.com/protovis/docs/">Documentation</a><br/>
<a href="https://github.com/mbostock/protovis/zipball/v3.3.1">Download (v3.3.1)</a>
</div>
</div>
</div>
<div class="project">
<a class="pic" href="https://graphics.stanford.edu/wikis/cs448b-09-fall/FP-OgievetskyVadim">
<img src="images/plot_weaver.png" alt="PlotWeaver"/>
</a>
<div class="body">
<h3><a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/FP-OgievetskyVadim">PlotWeaver</a></h3>
A direct maipulation editing tool for creating
<a href="http://xkcd.com/657">xkcd/657</a> style movie plot visualizations.<br/>
Submited as the
<a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/FinalProject">final project</a> of
<a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/">CS448b Data Visualization</a> instructed by
<a href="http://jheer.org">Jeffrey Heer</a><br/>
Fall 2009<br/>
<div class="links">
Demo:
<a href="http://ogievetsky.com/PlotWeaver/" title="Latest demo of PlotWeaver">Latest</a>,
<a href="http://stanford.edu/~vad/PlotWeaver/" title="Original demo of PlotWeaver">Original</a><br/>
Examples:
<a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/PlotWeaverExamples" title="Examples of PlotWeaver plots">Star Wars, Pulp Fiction</a><br/>
Paper:
<a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/FP-OgievetskyVadim?action=AttachFile&do=get&target=paper.pdf" title="PlotWeaver paper">PDF</a><br/>
Source code:
<a href="http://ogievetsky.com/PlotWeaver/PlotWeaver.zip" title="Latest source code of PlotWeaver">Latest</a>,
<a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/FP-OgievetskyVadim?action=AttachFile&do=get&target=PlotWeaver.zip" title="Original source code of PlotWeaver">Original</a><br/>
</div>
</div>
</div>
<div class="project">
<a class="pic" href="https://graphics.stanford.edu/wikis/cs448b-09-fall/A3-OgievetskyVadim">
<img src="images/death_map.png" alt="DeathMap">
</a>
<div class="body">
<h3><a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/A3-OgievetskyVadim">DeathMap</a></h3>
An interactive visualisation of the <a href="http://www.statistics.gov.uk/downloads/theme_health/DR2007/DR_07_2007.pdf">2007 England and Wales death registry</a>.<br>
Submited as <a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/Assignment3">assignment 3</a> of <a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/">CS448b Data Visualization</a> instructed by <a href="http://jheer.org">Jeffrey Heer</a><br>
Fall 2009<br>
<div class="links">
Demo:
<a href="http://ogievetsky.com/CS448B/" title="Latest demo of DeathMap">Latest</a>,
<a href="http://stanford.edu/~vad/CS448B/" title="Original demo of DeathMap">Original</a><br>
Source code:
<a href="http://ogievetsky.com/CS448B/DeathTree.zip" title="Latest source code of DeathMap">Latest</a>,
<a href="http://stanford.edu/~vad/CS448B/DeathTree.zip" title="Original source code of DeathMap">Original</a><br>
</div>
</div>
</div>
<div class="project">
<a class="pic" href="https://graphics.stanford.edu/wikis/cs448b-09-fall/A2-OgievetskyVadim">
<img src="images/mrriage_benefit.png" alt="The Benefits of Marriage">
</a>
<div class="body">
<h3><a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/A2-OgievetskyVadim">The Benefits of Marriage</a></h3>
An exploration of the question <em>“Who benefits more in (opposite sex) marriage?”</em> by considering lifespan differences between married and single men and women.<br>
Data taken from the
<a href="http://www.statistics.gov.uk/downloads/theme_health/DR2007/DR_07_2007.pdf">2007 England and Wales death registry</a>.<br>
Submited as
<a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/Assignment2">assignment 2</a> of
<a href="https://graphics.stanford.edu/wikis/cs448b-09-fall/">CS448b Data Visualization</a> instructed by
<a href="http://jheer.org">Jeffrey Heer</a><br>
Fall 2009<br>
<div class="links">
</div>
</div>
</div>
<div class="project">
<a class="pic" href="http://www.thebigpic.org">
<img src="images/the_big_pic.png" alt="The Big Picture"/>
</a>
<div class="body">
<h3><a href="http://www.thebigpic.org">The Big Picture</a></h3>
An online organizer that sets to make organizing more intuitive.<br/>
<div class="links">
Video: <a href="http://www.youtube.com/watch?v=GK7nGkVeqNg" title="YouTube video of The Big Picture in action">YouTube</a><br/>
</div>
</div>
</div>
</div>
</body>
</html>