-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·333 lines (303 loc) · 16.6 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
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name=viewport content="width=device-width, initial-scale=1">
<!-- <meta name=viewport content="width=device-width">
<meta name=viewport content="width=900"> -->
<meta name="generator" content="HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="icon" type="image/png" href="images/profile_cz.png">
<title>Zichen "Charles" Zhang. Personal Webpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<!-- Gif toggles -->
<script>
function gif_start(image, gif) {
document.getElementById(image).style.opacity = "1";
document.getElementById(gif).style.opacity = "0";
}
function gif_stop(image, gif) {
document.getElementById(image).style.opacity = "0";
document.getElementById(gif).style.opacity = "1";
}
</script>
<!-- Selected publications toggle -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
function pubs_off_start() {
$('.hiddenPubs').hide();
var e = document.getElementById('sel_pub_button');
e.classList.add("toggled");
var e = document.getElementById('all_pub_button');
e.classList.remove("toggled");
}
function pubs_off() {
$('.hiddenPubs').slideUp();
var e = document.getElementById('sel_pub_button');
e.classList.add("toggled");
var e = document.getElementById('all_pub_button');
e.classList.remove("toggled");
}
function pubs_on() {
$('.hiddenPubs').slideDown();
var e = document.getElementById('all_pub_button');
e.classList.add("toggled");
var e = document.getElementById('sel_pub_button');
e.classList.remove("toggled");
};
</script>
<!-- Dynamic generation -->
<script src="https://unpkg.com/mustache@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
<script type="text/javascript" src="data/js-yaml.min.js"></script>
<script type="text/javascript">
function renderHello() {
var template = document.getElementById('template').innerHTML;
$.get("./papers.yaml").done(function(data) {
try {
papers = jsyaml.load(data)
var rendered = Handlebars.compile(template)(papers);
document.getElementById('mustache_target').innerHTML = rendered;
pubs_off_start()
}
catch(err) {
}
});
}
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Dark mode -->
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.5/lib/darkmode-js.min.js"></script>
<script>
var options = {
autoMatchOsTheme: false // default: true
}
const darkmode = new Darkmode(options);
darkmode.showWidget();
</script>
<a name="top"></a>
<!-- body -->
<div style="max-width:970; width:100%; margin:0 auto; line-height: 1.5;">
<div class="table-like" style="width:100%; text-align=left;">
<div style="flex: 1 0 300px;margin-right:50px">
<p align="center">
<name>Zichen "Charles" Zhang</name>
</p>
<p align="center" style="font-family:'Courier New">
charlesz at allenai dot org
</p>
<p>I am Predoctoral Young Investigators (PYI) on the <a href="http://prior.allenai.org/">PRIOR</a> team at <a href="https://allenai.org/">AI2</a> supervised by <a href="https://lucaweihs.github.io/">Luca Weihs</a>.
<!-- Previously, I was also fortunate to collaborate with people from <a href="https://svl.stanford.edu/">Stanford Vision & Learning Lab (SVL)</a> and <a href="https://research.nvidia.com/research-area/machine-learning-artificial-intelligence)">NVIDIA</a>, supervised by <a href="https://scholar.google.com/citations?hl=en&user=sljtWIUAAAAJ">Jim Fan</a> and <a href="https://www.cs.utexas.edu/~yukez/">Yuke Zhu</a>. -->
Previously, I graduated from <a href="https://www.macalester.edu/">Macalester College</a> in Dec. 2022 advised by Prof. <a href="https://mathbeveridge.github.io/">Andrew Beveridge</a> and <a href="https://www.macalester.edu/~fox/">Susan Fox</a>.</p>
<!-- <p>The Generalist can specialize, and the Specialist can generalize. I am interested in both generalist and specialist agents, with a focus on developing generalizable and effective approaches that can be applied across a wide range of tasks and scenarios.</p> -->
<p>My research lies at the intersection of <strong>vision</strong>, <strong>learning</strong>, and <strong>robotics</strong>.</p>
<p align=center>
<!-- <a href="files/CV.pdf">CV</a>  /  -->
<a href="https://scholar.google.com/citations?view_op=list_works&hl=en&hl=en&user=pe1ArKwAAAAJ&sortby=pubdate"> Google Scholar </a>  / 
<a href="https://github.com/zcczhang">GitHub</a>  / 
<!-- <a href="https://www.linkedin.com/in/charleszzz/">LinkedIn</a>  /  -->
<a href="https://twitter.com/ZCCZHANG/"> Twitter (X) </a>  / 
<a href="mailto:charlesz@allenai.org">Email</a>  / 
<a id="myImg">IM</a>
<!-- The Modal -->
<div id="popup-img" class="modal">
<span class="close">x</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>
</p>
</div>
<div style="flex: 0 0 250px;">
<img src="images/profile_cz.png" style="width:100%">
</div>
</div>
<script>
// Get the modal
var modal = document.getElementById('popup-img');
// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById('myImg');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
modal.style.display = "block";
modalImg.src = "images/Wechat.jpeg";
// modalImg.alt = this.alt;
// captionText.innerHTML = this.alt;
}
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
</script>
<!-- News -->
<div style="width:100%; text-align=left;">
<heading>News</heading>
</div>
<div style="width:100%; text-align=left;margin-top:10; ">
<li> <b> 11/2024:</b> <a href="https://poliformer.allenai.org/">PoliFormer</a> is accepted at CoRL 2024 (all strong accepts), and won the <strong>Outstanding Paper Award</strong> 🎉 </li>
<li> <b> 07/2024:</b> Release <a href="https://poliformer.allenai.org/">PoliFormer</a>, an RGB-only indoor navigation agent trained end-to-end with on-policy RL that generalizes to the real world without adaptation, and beats previous SoTA with an improvement of up to 28.5% across LoCoBot and Stretch RE-1.</li>
<li> <b> 04/2024:</b> <a href="https://unified-io-2.allenai.org/">Unified-IO 2</a> is accepted at CVPR 2024, and selected as <strong>Highlight</strong>. My first time received 5-5-5 (max 5) review scores!</li>
<li> <b> 04/2024:</b> <a href="https://zcczhang.github.io/UVD/">UVD</a> is accepted at ICRA 2024, and selected as the IEEE ICRA <strong>Best Paper Award in Robot Vision Finalist</strong>.</li>
<li> <b> 01/2024:</b> Release <a href="https://unified-io-2.allenai.org/">Unified-IO 2</a>, the first autoregressive multimodal model that is capable of understanding and generating images, text, audio, and action, unifying over 200 understanding and generation tasks with emergent abilities.</li>
<li> <b> 09/2023:</b> Release <a href="https://zcczhang.github.io/UVD/">Universal Visual Decomposer (UVD)</a>, an off-the-shelf method immediately enables RL from vision without reward engineering and compositional generalizations in IL for long-horizon manipulation tasks in sim and real, without any extra training, data, task knowledge, and costs. </li>
<li> <b> 04/2023:</b> <a href="https://vimalabs.github.io/"> VIMA</a> is accepted at ICML 2023.
<li> <b> 04/2023:</b> Release <a href="https://arxiv.org/pdf/2303.17600.pdf">When Learning Is Out of Reach, Reset</a>: towards only request interventions when necessary, with generalizations.</li>
<li> <b> 12/2022:</b> I've completed my undergraduate studies and join <a href="https://prior.allenai.org/">PRIOR @ AI2</a> as Predoctoral Young Investigator (PYI)!</li>
<li> <b> 10/2022:</b> Release <a href="https://vimalabs.github.io/"> VIMA</a>, a single agent can solve visual goal, one-shot video imitation, novel concept grounding, visual constraint, etc. </li>
</ul>
</div>
<a name="re"></a>
<style>
.hiddenDesc {
display: none;
}
</style>
<script>
function toggleDescription(elementId) {
var checkbox = document.getElementById(elementId);
var descriptionId = "toggleDescription" + elementId;
var description = document.getElementById(descriptionId);
// Check the state of the toggle and show/hide the paragraph accordingly
if (checkbox.checked) {
description.style.display = "block"; // Show the paragraph when the toggle is on
} else {
description.style.display = "none"; // Hide the paragraph when the toggle is off
}
}
</script>
<div style="width:100%; text-align=left; margin-top:20; ">
<heading>Research</heading>
<a style="font-size: 17px; color: black;">(</a><a style="font-size:17px" id='sel_pub_button' href="javascript:pubs_off()">Highlighted</a> <a style="font-size: 17px; color: black;">/</a>
<a style="font-size:17px" id='all_pub_button' href="javascript:pubs_on()">All</a><a style="font-size: 17px; color: black;">)</a>
<br>
(* indicates equal contribution, <sup><span>†</span></sup> indicates equal advising)
<br><br>
</div>
<div id="mustache_target">Loading...</div>
<script id="template" type="text/x-handlebars-template">
{{#papers}}
<div style="width:100%;margin-left:0px;margin-right:0px;margin-top:10px; flex-wrap:wrap-reverse; " class="table-like {{#unless highlighted}}hiddenPubs{{/unless}}" onmouseout="gif_stop('{{name}}_image', '{{name}}_gif')" onmouseover="gif_start('{{name}}_image', '{{name}}_gif')">
<div class="zero" style="flex: 1 0 270px;margin-top:0px;margin-right:20px;max-width:270px;">
<div class="one">
{{#unless nogif}}
<div class="two" id='{{name}}_image'>
<img src='images/{{name}}_after.gif' class="paper_img">
</div>
{{/unless}}
{{#if img2}}
<div class="two" id='{{name}}_image'>
<img src='images/{{name}}_after.png' class="paper_img">
</div>
{{/if}}
<img id='{{name}}_gif' src='images/{{name}}_before.png' class="paper_img">
</div>
<!-- {{#unless nogif}}
<p style="text-align: center;margin-top:0.4em;margin-bottom:0em;color:Gray;"><i> Hover/tap to play the gif</i></p>
{{/unless}} -->
</div>
<div style="flex: 10000 1 400px;margin-bottom:10px;" valign="top">
<p class="paper_title" style="margin-top:0em;">{{#if title.link}}<a href={{title.link}}>{{else}}<a>{{/if}}<papertitle>{{title.name}}</papertitle></a>
<br>
{{#authors}}
{{#if me}}
<strong><u>Zichen Zhang</u></strong>{{#if star}}*{{/if}}{{#unless @last}}, {{/unless}}
{{else}}
{{#if href}}
<a class="black_link" href={{href}}>{{name}}</a>{{#if star}}*{{/if}}{{#if star2}}<sup>†</sup>{{/if}}{{#unless @last}}, {{/unless}}
{{else}}
<a class="black_link">{{name}}</a>{{#if star}}*{{/if}}{{#if star2}}<sup>†</sup>{{/if}}{{#unless @last}}, {{/unless}}
{{/if}}
{{/if}}
{{/authors}}
<br>
<font color="DarkGray"><i>{{{conference.name}}}</i> {{{conference.year}}}</font>
<br>
{{#links}}
{{#if href}}
<a href={{href}}>{{name}}</a>{{#unless @last}} | {{/unless}}
{{else}}
<a class="black_link">{{name}}</a>{{#unless @last}} | {{/unless}}
{{/if}}
{{/links}}
</p>
<div class="toggle-container">
<span class="toggle-other-text">Description</span>
<label class="toggle">
<input type="checkbox" id="checkbox{{name}}" onchange="toggleDescription('checkbox{{name}}')">
<span class="slider"></span>
<span class="labels" data-on="On" data-off="Off"></span>
</label>
</div>
<div id="toggleDescriptioncheckbox{{name}}" class="hiddenDesc">
<p style="margin-bottom:0em;">{{description}}</p>
</div>
</div>
</div>
{{/papers}}
</script>
<script type="text/javascript">
renderHello()
</script>
<!-- This <i> tag was for some reason necessary for the publication list switch to work -->
<!-- <i> -->
<!-- Teaching -->
<a name="t"></a>
<div style="width:100%; text-align=left; margin-top:20;">
<heading>Service</heading> <br>
</div>
<div style="width:100%; text-align=left; margin-top:10;">
<subtitle>Reviewer</subtitle>
<li>NeurIPS 2024, ICRA 2024, CVPR 2024, NeurIPS 2023, CoRL 2023</li>
</div>
<div style="width:100%; text-align=left; margin-top:10;">
<subtitle>Talks</subtitle>
<li> <b>05/2024:</b> "Universal Visual Decomposer" and "Unified-IO 2" at <a href="https://www.cs.tsinghua.edu.cn/csen/">Tsinghua University</a> hosted by Prof. <a href="https://sites.google.com/site/thuliuhuaping/home">Huaping Liu.</a>
<li> <b>01/2024:</b> "Unified-IO 2: Scaling Autoregressive Multimodal Models with Vision, Language, Audio, and Action" at <a href="https://research.google/">Google Deepmind</a> with <a href="https://scholar.google.com/citations?hl=en&user=zP9K32EAAAAJ&view_op=list_works">Jiasen Lu</a>, hosted by <a href="https://fxia22.github.io/">Fei Xia</a> and <a href="https://brianichter.com/">Brian Ichter</a> .</li>
<li> <b>04/2023:</b> "Autonomous Visuomotor Reinforcement Learning" at <a href="https://ranjaykrishna.com/index.html">Ranjay Krishna</a> group.</li>
</div>
<div style="width:100%; text-align=left; margin-top:10;">
<subtitle>Teaching</subtitle>
<li> <strong>TA at Macalester College</strong> : Comp 484 Intro to Artificial Intelligence, MATH 378 Complex Analysis, STAT/COMP 112 Intro to Data Science, COMP 394 Topics Course: Reinforcement Learning, and COMP 128 Data Structure</li>
<!-- <li> <b>09/2022:</b> Comp 484 Intro to Artificial Intelligence</li>
<li> <b>01/2022:</b> MATH 378 Complex Analysis</li>
<li> <b>09/2021:</b> STAT/COMP 112 Intro to Data Science</li>
<li> <b>01/2021:</b> COMP 394 Topics Course: Reinforcement Learning <br> <i>(design and write code implementations for homework and class materials)</i></li>
<li> <b>09/2020:</b> COMP 128 Data Structure</li>
<li> <b>01/2020:</b> STAT/COMP 112 Intro to Data Science</li> -->
</div>
<div style="width:100%; text-align=left; margin-top:20; display:none">
<heading>Others </heading>
</div>
<div style="max-width:900; width:100%; margin:0 auto; display:none">
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="20">
<tr>
<p align="center">
<a href="#top"><strong>Home</strong></a>  / 
<!-- <a href=/projects><strong>Projects</strong></a>  /  -->
<a href=/posts><strong>Posts</strong></a>
<!-- <a><strong>Personal (Comming Soon)</strong></a> -->
</p>
</tr>
</table>
</div>
<span style="display:none">
<details>
<summary>
Pageviews
</summary>
<script type="text/javascript" id="clustrmaps" src="//cdn.clustrmaps.com/map_v2.js?cl=5ee2ff&w=400&t=tt&d=5De8UX9TDFsVQrQw4cE3CBhNblYyl2vQbk42qsTB9Fw&co=ffffff&cmo=d99cff&cmn=ffa3b9&ct=808080"></script>
</details>
</span>
<br>
<hr>
<div style="margin:auto">
<center>
Inspired by <a href="https://jonbarron.info/">this</strong></a> and <a href="https://www.seas.upenn.edu/~oleh/">this</strong></a>.
</center>
</div>
</div>
</body>
</html>