-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
406 lines (362 loc) · 22.3 KB
/
Copy pathindex.html
File metadata and controls
406 lines (362 loc) · 22.3 KB
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
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Yu Wang</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script src="js/granim.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- <div class="container" > -->
<ul class="nav justify-content-end" id="'nav-bar">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#research">Research</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#publications">Publications</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#artwork-title">Art work</a>
</li>
<li class="nav-item">
<a href="assets/CV_YuWang.pdf" download="CV_YuWang.pdf" class="nav-link" id="btn" >Download CV</a>
</ul>
<!-- </div> -->
<header>
<div id="canvas-image-blending-container">
</div>
<div class="main-content">
<div class="cover">
<canvas id="canvas-image-blending"></canvas>
<h1 class="cover-title">Hi, this is Yu Wang</h1>
<p class="cover-subtitle" id="app"></p>
</div>
</div>
</header>
<div class="container page-content">
<h2 id="about" style="padding-bottom: 10px; padding-top: 10px;">About Me</h2>
<div class="row align-items-center" >
<div class="col-md-8">
<p style="padding-bottom: 5px;">Hi there, I'm Yu Wang, just got my Ph.D. degree from <a class="inline_link" href="https://vig.science.uu.nl/", target="_blank">Visualization and Graphics Group</a>, Utrecht University, under the supervision of <a class="inline_link" href="https://webspace.science.uu.nl/~telea001/" target="_blank">Prof. Alexandru Telea</a>. My research interests include high-dimensional data visualization, adversarial training (GAN), and machine learning classifier visualization.</p>
<p style="padding-bottom: 5px;"><a class="inline_link" href="assets/Dr%20Yu%20Wang%20-%20PhD%20family%20tree.pdf" target="_blank" rel="noopener noreferrer">(click to see my PhD tree)</a></p>
<p style="padding-bottom: 5px;">Alongside research, I now work as a software engineer and have been building practical AI tools around retrieval, interactive interfaces, and LLM-assisted workflows. More recently, I have been leaning toward agentic-AI-related product and engineering work.</p>
<p class="time-text" >Fun fact: I am an
<span class="hover-text">
<a class="inline_link" href="https://gem-a.com/" target="_blank">FGA</a>-certified gemologist
<span class="hover-content">
<img src="assets/fga.jpg" alt="certificate" style="width: 550px; height: auto; border: 2px solid #1e1d1d;">
</span>
</span>
with expertise in gemstone identification. </p>
<p></p>
</div>
<div class="col-md-4">
<img src="assets/yu2025.png" class="title-image">
<p></p>
<div class="about-list-icon ">
<a href="mailto:yuwang@duck.com" class="fa fa-envelope" ></a>
<a href="https://www.linkedin.com/in/yu-wang-b65b0419b/" target="_blank" rel="noopener noreferrer" class="fa fa-linkedin" ></a>
<a href="https://scholar.google.com/citations?user=6TysxLYAAAAJ&hl=en" target="_blank" rel="noopener noreferrer" class="fa fa-google">
<!-- <img src="https://upload.wikimedia.org/wikipedia/commons/c/c7/Google_Scholar_logo.svg" alt="Google Scholar" style="width: 16px; height: 16px;"> -->
</a>
<a href="https://github.com/wuyuyu1024" target="_blank" rel="noopener noreferrer" class="fa fa-github"></a>
</div> <!-- about-list-icon -->
</div> <!-- col-md-4 -->
</div> <!-- row -->
<br>
<section id="research" class="research-section">
<div class="row g-4 align-items-stretch research-hero">
<div class="col-lg-7">
<div class="research-panel research-panel-copy">
<p class="research-eyebrow">Research</p>
<h2 class="research-title">Visual analytics for high-dimensional data and machine learning</h2>
<p class="research-lead">I build methods and interfaces that make embeddings, inverse projections, and classifier behavior easier to inspect instead of treating them as black boxes.</p>
<p>Most of my work sits between dimensionality reduction, explainable AI, interactive systems, and practical AI tooling. The projects below mix publication-linked research software with side projects that reflect how I build user-facing systems.</p>
<div class="research-pill-row">
<span class="research-pill">Inverse projections</span>
<span class="research-pill">Decision maps</span>
<span class="research-pill">Interactive ML systems</span>
<span class="research-pill">Research software</span>
<span class="research-pill">Applied LLM tools</span>
</div>
</div>
</div>
<div class="col-lg-5">
<button
class="research-panel research-diagram-card js-research-modal"
type="button"
data-modal-src="assets/research/decision map.png"
data-modal-alt="General workflow figure for decision map techniques"
data-modal-caption='General workflow of decision map techniques. Figure from <a href="http://webspace.science.uu.nl/~telea001/uploads/PAPERS/Inf23/paper.pdf" target="_blank" rel="noopener noreferrer">Wang et al., 2023</a>.'
>
<img src="assets/research/decision map.png" class="img-fluid" alt="General workflow figure for decision map techniques">
<span class="research-diagram-caption">Decision-map workflow figure. Click to enlarge.</span>
</button>
</div>
</div>
<div class="research-grid-heading">
<h3>Selected Research and AI Projects</h3>
<p>Repos that connect papers, prototypes, demos, and a few practical AI side projects.</p>
</div>
<div class="research-grid">
<article class="research-card">
<div class="research-media">
<img src="assets/research/browser-decision-map-demo.gif" alt="Browser decision map demo showing MNIST embedding and inverse projection previews">
</div>
<div class="research-card-body">
<p class="research-card-kicker">Browser demo</p>
<h4>Browser Decision Map</h4>
<p>Browser-native MNIST demo that loads TensorFlow.js models client-side, renders decision regions over the embedding, and lets users probe inverse projections directly in the map.</p>
<div class="research-tag-row">
<span class="research-tag">TensorFlow.js</span>
<span class="research-tag">D3</span>
<span class="research-tag">WebGPU</span>
<span class="research-tag">MNIST</span>
</div>
<div class="research-links">
<a class="research-link-button" href="https://wuyuyu1024.github.io/browser-decision-map/" target="_blank" rel="noopener noreferrer">Try demo</a>
<a class="research-link-button research-link-button-secondary" href="https://github.com/wuyuyu1024/browser-decision-map" target="_blank" rel="noopener noreferrer">View repo</a>
</div>
</div>
</article>
<article class="research-card">
<div class="research-media">
<video autoplay muted loop playsinline preload="metadata" poster="assets/research/lcip-poster.jpg">
<source src="assets/research/lcip-demo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="research-card-body">
<p class="research-card-kicker">Research software</p>
<h4>LCIP (AKA how to make dogs smile)</h4>
<p>Controllable inverse projection system for high-dimensional image data. LCIP adds a user-controlled latent direction so exploration is not limited to a single fixed reconstruction surface.</p>
<div class="research-tag-row">
<span class="research-tag">PyTorch</span>
<span class="research-tag">PySide6</span>
<span class="research-tag">StyleGAN2</span>
<span class="research-tag">Visual analytics</span>
</div>
<div class="research-links">
<a class="research-link-button" href="https://arxiv.org/pdf/2602.11141" target="_blank" rel="noopener noreferrer">Read paper</a>
<a class="research-link-button research-link-button-secondary" href="https://github.com/wuyuyu1024/lcip" target="_blank" rel="noopener noreferrer">View repo</a>
</div>
</div>
</article>
<article class="research-card">
<div class="research-media research-media-soft">
<img src="assets/research/nninv.png" alt="Inverse projection illustration">
</div>
<div class="research-card-body">
<p class="research-card-kicker">Python package</p>
<h4>InverseProjections</h4>
<p>Reusable toolkit for inverse projection workflows, collecting NNinv, iLAMP, RBF interpolation, multilateration-based inversion, and gradient-map analysis behind a consistent API.</p>
<p class="research-inline-code"><code>pip install inverse-projections</code></p>
<div class="research-tag-row">
<span class="research-tag">Python</span>
<span class="research-tag">PyTorch</span>
<span class="research-tag">scikit-learn</span>
<span class="research-tag">Gradient maps</span>
</div>
<div class="research-links">
<a class="research-link-button" href="https://github.com/wuyuyu1024/InverseProjections" target="_blank" rel="noopener noreferrer">View repo</a>
<!-- <a class="research-link-button research-link-button-secondary" href="http://webspace.science.uu.nl/~telea001/uploads/PAPERS/EuroVA24/paper.pdf" target="_blank" rel="noopener noreferrer">Related paper</a> -->
</div>
</div>
</article>
<article class="research-card">
<div class="research-media research-media-soft">
<img src="assets/research/generalized-fastdbm-illustration.png" alt="Generalized FastDBM illustration">
</div>
<div class="research-card-body">
<p class="research-card-kicker">Decision-map research</p>
<h4>Generalized FastDBM</h4>
<p>Framework for computing dense explanation maps for classifiers over UMAP and t-SNE embeddings using inverse projection plus adaptive refinement, so expensive maps can be approximated far faster than exhaustive grid evaluation.</p>
<div class="research-tag-row">
<span class="research-tag">PyTorch</span>
<span class="research-tag">TensorFlow</span>
<span class="research-tag">Adaptive refinement</span>
<span class="research-tag">Decision boundary maps</span>
</div>
<div class="research-links">
<a class="research-link-button" href="http://webspace.science.uu.nl/~telea001/uploads/PAPERS/EuroVA24/paper2.pdf" target="_blank" rel="noopener noreferrer">Related paper</a>
<a class="research-link-button research-link-button-secondary" href="https://github.com/yuwang-vis/generalized_fastDBM" target="_blank" rel="noopener noreferrer">View repo</a>
</div>
</div>
</article>
<article class="research-card">
<div class="research-media research-media-shell" aria-hidden="true">
<div class="research-shell-window">
<div class="research-shell-chrome">
<span></span>
<span></span>
<span></span>
</div>
<div class="research-shell-body">
<p><span class="research-shell-prompt">$</span>uv run ai "show me which process is using port 3000"</p>
<p><span class="research-shell-label">thinking</span>pick a single OS-appropriate command and keep it safe to review</p>
<p class="research-shell-command">lsof -i :3000</p>
<p><span class="research-shell-label">execute?</span>[Y/n]</p>
</div>
</div>
</div>
<div class="research-card-body">
<p class="research-card-kicker">Applied AI tooling</p>
<h4>shell_ai</h4>
<p>Minimal local shell agent that turns natural-language requests into a single command, prints a short reasoning trace, and asks for confirmation before running anything on the host machine.</p>
<p class="research-inline-code"><code>uv run ai "find the 20 largest files in this directory"</code></p>
<div class="research-tag-row">
<span class="research-tag">Python</span>
<span class="research-tag">pydantic-ai</span>
<span class="research-tag">Gemini</span>
<span class="research-tag">CLI</span>
</div>
<div class="research-links">
<a class="research-link-button" href="https://github.com/wuyuyu1024/shell_ai" target="_blank" rel="noopener noreferrer">View repo</a>
</div>
</div>
</article>
<article class="research-card research-card-accent">
<div class="research-card-body">
<!-- <div class="research-icon-block" aria-hidden="true">
<i class="fa fa-comments-o"></i>
</div> -->
<p class="research-card-kicker">Applied AI side project</p>
<h4>RAG Thesis System</h4>
<p>A chat interface for my PhD thesis, built after friends told me the PDF was too long and difficult to read. It combines retrieval, reranking, citation handling, memory, and a browser UI into a compact LLM application that also reflects my growing interest in agentic AI tooling.</p>
<div class="research-tag-row">
<span class="research-tag">FastAPI</span>
<span class="research-tag">ChromaDB</span>
<span class="research-tag">Hybrid retrieval</span>
<span class="research-tag">LLM app</span>
</div>
<div class="research-links">
<a class="research-link-button" href="https://research-portal.uu.nl/ws/portalfiles/portal/266197286/thesis%20-%20684ee48bb78b1.pdf" target="_blank" rel="noopener noreferrer">Read thesis</a>
<a class="research-link-button research-link-button-secondary" href="https://github.com/wuyuyu1024/RAG_thesis" target="_blank" rel="noopener noreferrer">View repo</a>
</div>
<img src="assets/research/thesis-cover.png" alt="PhD thesis cover">
</div>
</article>
</div>
</section>
<h2 id="publications" style="padding-bottom: 20px">Selected Publications</h2>
<ul class="list-unstyled">
<li class="row mb-3">
<div class="col-md-12">
<a href="https://arxiv.org/pdf/2602.11141" class="title" target="_blank">
<strong>LCIP: Loss-Controlled Inverse Projection of High-Dimensional Image Data</strong>
</a><br>
Yu Wang, Frederik L. Dennig, Michael Behrisch, Alexandru Telea.<br>
<em>arXiv:2602.11141, 2026</em>
</div>
</li>
<li class="row mb-3">
<div class="col-md-12">
<a href="https://webspace.science.uu.nl/~telea001/uploads/PAPERS/CCIS24/paper3.pdf" class="title" target="_blank">
<strong>Investigating Desirable Properties of Inverse Projections and Decision Maps</strong>
</a><br>
Yu Wang, Alexandru Telea.<br>
<em>Communications in Computer and Information Science, 2026 </em>
</div>
</li>
<li class="row mb-3">
<div class="col-md-12">
<a href="http://webspace.science.uu.nl/~telea001/uploads/PAPERS/EuroVA24/paper.pdf" class="title" target="_blank">
<strong>Inverting Multidimensional Scaling Projections Using Data Point Multilateration</strong>
</a><br>
Daniela Blumberg, Yu Wang, Alexandru Telea, Daniel A. Keim, Frederik L. Dennig.<br>
<em>EuroVis workshop on visual analytics (EuroVA), 2024</em>
</div>
</li>
<li class="row mb-3">
<div class="col-md-12">
<a href="http://webspace.science.uu.nl/~telea001/uploads/PAPERS/EuroVA24/paper2.pdf" class="title" target="_blank">
<strong>Computing fast and accurate decision boundary maps</strong>
</a><br>
Cristian Grosu, Yu Wang, Alexandru Telea.<br>
<em>EuroVis workshop on visual analytics (EuroVA), 2024</em>
</div>
</li>
<li class="row mb-3">
<div class="col-md-12">
<a href="https://doi.org/10.2138/am-2023-9254" class="title" target="_blank">
<strong>Interpreting mineral deposit genesis classification with decision maps: a case study using pyrite trace elements</strong>
</a><br>
Yu Wang, Kun-Feng Qiu, Alexandru C. Telea, Zhao-Liang Hou, Tong Zhou, Yi-Wei Cai, Zheng-Jiang Ding, Hao-Cheng Yu, Jun Deng.<br>
<em>American Mineralogist, 2024</em>
</div>
</li>
<li class="row mb-3">
<div class="col-md-12">
<a href="https://doi.org/10.1007/s42979-024-02604-y" class="title" target="_blank">
<strong>Seeing is Learning in High Dimensions: The Synergy Between Dimensionality Reduction and Machine Learning</strong>
</a><br>
Alexandru Telea, Alister Machado, Yu Wang.<br>
<em>SN Computer Science, 2024</em>
</div>
</li>
<li class="row mb-3">
<div class="col-md-12">
<a href="https://www.scitepress.org/Papers/2024/123523/123523.pdf" class="title" target="_blank">
<strong>Fundamental Limitations of Inverse Projections and Decision Maps</strong>
</a><em style="color: rgb(205, 19, 19)"> (best student paper award)</em><br>
Yu Wang, Alexandru Telea.<br>
<em>Proc. IVAPP, 2024</em>
</div>
</li>
<!-- <li class="row mb-3">
<div class="col-md-12">
<a href="https://meetingorganizer.copernicus.org/EGU23/EGU23-10228.html" class="title" target="_blank">
<strong>Interpreting Machine Learning Models for Geochemistry Data Classification using Decision Boundary Maps</strong>
</a><br>
Yu Wang, Kunfeng Qiu, Alexandru Telea, ZhaoLiang Hou, Haocheng Yu.<br>
<em>Copernicus Meetings, 2023</em>
</div>
</li> -->
<li class="row mb-3">
<div class="col-md-12">
<a href="https://www.mdpi.com/1999-4893/16/9/438" class="title" target="_blank">
<strong>Quantitative and Qualitative Comparison of Decision-Map Techniques for Explaining Classification Models</strong>
</a><br>
Yu Wang, Alister Machado, Alexandru Telea.<br>
<em>Algorithms, 2023</em>
</div>
</li>
<li class="row mb-3">
<div class="col-md-12">
<a href="https://agupubs.onlinelibrary.wiley.com/doi/abs/10.1029/2021JB021925" class="title" target="_blank">
<strong>Machine Learning Prediction of Quartz Forming-Environments</strong>
</a><br>
Yu Wang, KunFeng Qiu, Axel Müller, ZhaoLiang Hou, ZhiHai Zhu, HaoCheng Yu.<br>
<em>Journal of Geophysical Research: Solid Earth, 2021</em>
</div>
</li>
</ul>
<h2 style="padding-bottom: 20px" id="artwork-title">Art Work</h2>
<div class="container-fluid row" id="artwork">
</div>
<div class="container-fluid row" id="art-container">
<!-- all images in ./asset/art -->
</div>
<br>
<footer>
<div class="container", style="text-align: center;">
<p>© 2024 Yu Wang</p>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="js/main.js" charset="utf-8"></script>
<script src="js/artwork.js"></script>
<script src="js/research.js"></script>
</body>
</html>