-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
259 lines (233 loc) · 9.28 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
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE HTML>
<!--
Astral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Mara Solen</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="css/main.css" />
<link rel="icon" href="images/leaf.jpg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="column-container">
<div class="column" style="flex: 1"></div>
<div class="intro column" style="flex: 1">
<h1>Mara Ocie Kaisa Solen</h1>
<p>
I am a PhD Candidate at the University of British Columbia (UBC) working with
<a href="https://www.cs.ubc.ca/~tmm/">Professor Tamara Munzner</a>.
</p>
<div id="intro-pic">
<img src="images/meMask.jpg" alt="" />
<div style="width: 100%; text-align: center;">
<a href="mailto: [email protected]">marasolen@<b>gmail</b>.com</a><br>
<a href="https://www.linkedin.com/in/mara-solen/"><b>linkedin</b>.com/in/mara-solen/</a><br>
<a href="https://www.instagram.com/mara.is.ok/"><b>instagram</b>.com/mara-is-ok</a>
</div>
</div>
<div id="intro-desc">
<p>
My research interests focus on how everyday people interact with data,
typically through presentation: the communication of already-gleaned data.
My interests lead to work in domains such as museums and fitness groups to
understand and improve how we visually communicate information.
</p>
<p>
I completed my B.Sc. in Honours Computer Science with Distinction at UBC in 2021.
</p>
</div>
</div>
<div class="column" style="flex: 1"></div>
</div>
<div class="column-container">
<div class="column" style="flex: 3; order: 2;">
<div class="section">
<h2>Publications</h2>
<div class="list">
<div class="panel">
<b><a href="https://www.cs.ubc.ca/group/infovis/pubs/2024/delve/">DeLVE into Earth’s Past: A Visualization-Based Exhibit Deployed Across Multiple Museum Contexts.</a></b> <b>Mara Solen</b>, Nigar Sultana, Laura Lukes, Tamara Munzner. <i>TVCG, proc. VIS 2024</i>. Available on <a href="https://ieeexplore.ieee.org/document/10680250">IEEE Xplore</a>, <a href="https://arxiv.org/abs/2404.01488">arxiv</a>.
</div>
<div class="panel">
<b>Scoping the Future of Visualization Literacy: A Review.</b> <b>Mara Solen</b>. <i>VisComm Workshop at VIS 2022</i>. Available on <a href="https://osf.io/eypgm/">OSF</a>.
</div>
</div>
</div>
<div class="section">
<p class="header">
<h2>Teaching</h2>
</p>
<div class="list">
<div class="panel">
<p>
<b>CPSC 447 (prev: CPSC 436V).</b> Teaching Assistant. January 2022 - (ongoing).
</p>
</div>
<div class="panel">
<p>
<b>UBC Computer Based Testing Facility.</b> Proctor and Coordinator. September 2022 - October 2024.
</p>
</div>
<div class="panel">
<p>
<b>CPSC 547.</b> Teaching Assistant. September 2022 - December 2022.
</p>
</div>
<div class="panel">
<p>
<b>UBC Extended Learning: Foundations of Software Development.</b> Course Facilitator. April 2021 - December 2022.
</p>
</div>
<div class="panel">
<p>
<b>CPSC 110.</b> Teaching Assistant then Lead Teaching Assistant. September 2017 - December 2021.
</p>
</div>
<div class="panel">
<p>
<b>CPSC 210.</b> Teaching Assistant. July 2020 - August 2020.
</p>
</div>
</div>
</div>
<div class="section">
<p class="header">
<h2>Industry Employment</h2>
</p>
<div class="list">
<div class="panel">
<p>
<b>Tableau.</b> Software Engineer Intern. June 2021 - August 2021.
</p>
</div>
<div class="panel">
<p>
<b>Activision.</b> Software Engineer Intern. May 2019 - July 2019.
</p>
</div>
<div class="panel">
<p>
<b>Intel.</b> Firmware Engineer Intern. January 2018 - August 2018.
</p>
</div>
</div>
</div>
<div class="section">
<p class="header">
<h2>Awards and Scholarships</h2>
</p>
<div class="list">
<div class="panel">
<p>
<b>British Columbia Graduate Scholarship.</b> $17,500. May 2022.
</p>
</div>
<div class="panel">
<p>
<b>Best CPSC 554K Student Project Award.</b> May 2022.
</p>
</div>
<div class="panel">
<p>
<b>Bill Aiello Award.</b> $3050. May 2021.
<a href="https://www.cs.ubc.ca/news/2021/06/inaugural-bill-aiello-award-goes-two-outstanding-students">
Article.
</a>
</p>
</div>
</div>
</div>
</div>
<div class="column" style="flex: 3; order: 1;">
<div class="section">
<h2>Designs</h2>
<p>Various things I have designed!</p>
<div class="design">
<a href="https://marasolen.github.io/99bline/">
<img src="images/99bline.png">
</a>
<div>
<h3>The 99 B-Line</h3>
<p>Designer: <b>Mara Solen</b></p>
<p>As part of some personal reflection on my time living in Vancouver, I made a visualization of the 99 B-Line's route and stop changes over time.</p>
<p>Check out the page <a href="https://marasolen.github.io/99bline/">here</a> and the open-source repository <a href="https://github.com/marasolen/99bline">here</a>!</p>
</div>
</div>
<div class="design">
<a href="https://deeptime.cs.ubc.ca/">
<img src="images/delve.png">
</a>
<div>
<h3>DeLVE: Deep-time Literacy Visualization Exhibit</h3>
<p>Designers: <b>Mara Solen</b>, Nigar Sultana, Laura Lukes, Tamara Munzner</p>
<p>DeLVE is a visualization system designed for use as a museum exhibit. It visualizes data from past events on different scales with the intention of helping museum visitors improve their proportional reasoning skills.</p>
<p>See the live demo <a href="https://deeptime.cs.ubc.ca/">here</a>, the open-source repository <a href="https://github.com/marasolen/deeptime">here</a>, and the associated paper <a href="https://www.cs.ubc.ca/group/infovis/pubs/2024/delve/">here</a>!</p>
</div>
</div>
<div class="design">
<a href="https://www.students.cs.ubc.ca/~cs-436v/20Jan/fame/projects/20jan/actors/index.html">
<img src="images/actor-adaptability.png">
</a>
<div>
<h3>Actor Adaptability</h3>
<p>Designers: <b>Mara Solen</b>, Ethan Tam, Ian Del Rio</p>
<p>Actor Adaptability is a visualization that showcases actors' flexibility and ability to act in multiple genres using data from the top 1000 movies of the last decade. The main view is a network diagram that shows all the actors of the dataset and the genres they tend to act in. Viewers can use this to see how actors compare against each other in the number of movies and diversity of genres they have been in.</p>
<p>See the live demo <a href="https://www.students.cs.ubc.ca/~cs-436v/20Jan/fame/projects/20jan/actors/index.html">here</a>!</p>
</div>
</div>
<div class="design">
<a href="https://www.cs.ubc.ca/group/infovis/">
<img src="images/infovis.png">
</a>
<div>
<h3>UBC InfoVis Group Website</h3>
<p>Designers: <b>Mara Solen</b> + all past web tzars!</p>
<p>I converted the old website to Jekyll and updated the stylings.</p>
<p>See the website <a href="https://www.cs.ubc.ca/group/infovis/">here</a>!</p>
</div>
</div>
<div class="design">
<a href="https://github.com/marasolen/marasolen.github.io">
<img src="images/leaf.jpg">
</a>
<div>
<h3>This Website</h3>
<p>Designer: <b>Mara Solen</b></p>
<p>I like drawing aesthetic design inspiration from nature. The colours for this website were sampled from the photo below.</p>
<p>See the website source on <a href="https://github.com/marasolen/marasolen.github.io">GitHub</a>!</p>
</div>
</div>
</div>
</div>
<div class="column" style="flex: 3; order: 3;">
<div class="section">
<p class="header">
<h2>Personal</h2>
I have a cat whom I very occasionally take outside. I like boxing, playing soccer,
watching animated movies and shows, and cooking. I have lots of tattoos and like to change
my hair colour every few months.
</p>
</div>
<div class="gallery images">
<img src="images/meBird.jpg" alt="">
<img src="images/me.jpg" alt="">
<img src="images/momo1.jpg" alt="">
<img src="images/meBeach.jpg" alt="">
<img src="images/momo8.jpg" alt="">
<img src="images/momo10.jpg" alt="">
<img src="images/momo11.jpg" alt="">
<img src="images/momo14.jpg" alt="">
<img src="images/momo15.jpg" alt="">
<img src="images/momo17.jpg" alt="">
<img src="images/momo18.jpg" alt="">
</div>
</div>
</div>
</body>
</html>