Update index.html
Browse files- index.html +7 -201
index.html
CHANGED
|
@@ -36,20 +36,20 @@
|
|
| 36 |
<h1 class="title is-1 publication-title">IXAM: Interactive Explainability for Authorship Attribution Models</h1>
|
| 37 |
<div class="is-size-5 publication-authors">
|
| 38 |
<span class="author-block">
|
| 39 |
-
<a href="
|
| 40 |
<span class="author-block">
|
| 41 |
-
<a href="
|
| 42 |
<span class="author-block">
|
| 43 |
-
<a href="
|
| 44 |
</span>
|
| 45 |
<span class="author-block">
|
| 46 |
-
<a href="
|
| 47 |
</span>
|
| 48 |
<span class="author-block">
|
| 49 |
-
<a href="
|
| 50 |
</span>
|
| 51 |
<span class="author-block">
|
| 52 |
-
<a href="
|
| 53 |
</span>
|
| 54 |
</div>
|
| 55 |
|
|
@@ -72,7 +72,7 @@
|
|
| 72 |
</span>
|
| 73 |
<!-- Video Link. -->
|
| 74 |
<span class="link-block">
|
| 75 |
-
<a href="
|
| 76 |
class="external-link button is-normal is-rounded is-dark">
|
| 77 |
<span class="icon">
|
| 78 |
<i class="fab fa-youtube"></i>
|
|
@@ -125,64 +125,6 @@
|
|
| 125 |
</section>
|
| 126 |
|
| 127 |
|
| 128 |
-
<section class="hero is-light is-small">
|
| 129 |
-
<div class="hero-body">
|
| 130 |
-
<div class="container">
|
| 131 |
-
<div id="results-carousel" class="carousel results-carousel">
|
| 132 |
-
<div class="item item-steve">
|
| 133 |
-
<video poster="" id="steve" autoplay controls muted loop playsinline height="100%">
|
| 134 |
-
<source src="./static/videos/steve.mp4"
|
| 135 |
-
type="video/mp4">
|
| 136 |
-
</video>
|
| 137 |
-
</div>
|
| 138 |
-
<div class="item item-chair-tp">
|
| 139 |
-
<video poster="" id="chair-tp" autoplay controls muted loop playsinline height="100%">
|
| 140 |
-
<source src="./static/videos/chair-tp.mp4"
|
| 141 |
-
type="video/mp4">
|
| 142 |
-
</video>
|
| 143 |
-
</div>
|
| 144 |
-
<div class="item item-shiba">
|
| 145 |
-
<video poster="" id="shiba" autoplay controls muted loop playsinline height="100%">
|
| 146 |
-
<source src="./static/videos/shiba.mp4"
|
| 147 |
-
type="video/mp4">
|
| 148 |
-
</video>
|
| 149 |
-
</div>
|
| 150 |
-
<div class="item item-fullbody">
|
| 151 |
-
<video poster="" id="fullbody" autoplay controls muted loop playsinline height="100%">
|
| 152 |
-
<source src="./static/videos/fullbody.mp4"
|
| 153 |
-
type="video/mp4">
|
| 154 |
-
</video>
|
| 155 |
-
</div>
|
| 156 |
-
<div class="item item-blueshirt">
|
| 157 |
-
<video poster="" id="blueshirt" autoplay controls muted loop playsinline height="100%">
|
| 158 |
-
<source src="./static/videos/blueshirt.mp4"
|
| 159 |
-
type="video/mp4">
|
| 160 |
-
</video>
|
| 161 |
-
</div>
|
| 162 |
-
<div class="item item-mask">
|
| 163 |
-
<video poster="" id="mask" autoplay controls muted loop playsinline height="100%">
|
| 164 |
-
<source src="./static/videos/mask.mp4"
|
| 165 |
-
type="video/mp4">
|
| 166 |
-
</video>
|
| 167 |
-
</div>
|
| 168 |
-
<div class="item item-coffee">
|
| 169 |
-
<video poster="" id="coffee" autoplay controls muted loop playsinline height="100%">
|
| 170 |
-
<source src="./static/videos/coffee.mp4"
|
| 171 |
-
type="video/mp4">
|
| 172 |
-
</video>
|
| 173 |
-
</div>
|
| 174 |
-
<div class="item item-toby">
|
| 175 |
-
<video poster="" id="toby" autoplay controls muted loop playsinline height="100%">
|
| 176 |
-
<source src="./static/videos/toby2.mp4"
|
| 177 |
-
type="video/mp4">
|
| 178 |
-
</video>
|
| 179 |
-
</div>
|
| 180 |
-
</div>
|
| 181 |
-
</div>
|
| 182 |
-
</div>
|
| 183 |
-
</section>
|
| 184 |
-
|
| 185 |
-
|
| 186 |
<section class="section">
|
| 187 |
<div class="container is-max-desktop">
|
| 188 |
<!-- Abstract. -->
|
|
@@ -213,142 +155,6 @@
|
|
| 213 |
</section>
|
| 214 |
|
| 215 |
|
| 216 |
-
<section class="section">
|
| 217 |
-
<div class="container is-max-desktop">
|
| 218 |
-
|
| 219 |
-
<div class="columns is-centered">
|
| 220 |
-
|
| 221 |
-
<!-- Visual Effects. -->
|
| 222 |
-
<div class="column">
|
| 223 |
-
<div class="content">
|
| 224 |
-
<h2 class="title is-3">Visual Effects</h2>
|
| 225 |
-
<p>
|
| 226 |
-
Using <i>nerfies</i> you can create fun visual effects. This Dolly zoom effect
|
| 227 |
-
would be impossible without nerfies since it would require going through a wall.
|
| 228 |
-
</p>
|
| 229 |
-
<video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
|
| 230 |
-
<source src="./static/videos/dollyzoom-stacked.mp4"
|
| 231 |
-
type="video/mp4">
|
| 232 |
-
</video>
|
| 233 |
-
</div>
|
| 234 |
-
</div>
|
| 235 |
-
<!--/ Visual Effects. -->
|
| 236 |
-
|
| 237 |
-
<!-- Matting. -->
|
| 238 |
-
<div class="column">
|
| 239 |
-
<h2 class="title is-3">Matting</h2>
|
| 240 |
-
<div class="columns is-centered">
|
| 241 |
-
<div class="column content">
|
| 242 |
-
<p>
|
| 243 |
-
As a byproduct of our method, we can also solve the matting problem by ignoring
|
| 244 |
-
samples that fall outside of a bounding box during rendering.
|
| 245 |
-
</p>
|
| 246 |
-
<video id="matting-video" controls playsinline height="100%">
|
| 247 |
-
<source src="./static/videos/matting.mp4"
|
| 248 |
-
type="video/mp4">
|
| 249 |
-
</video>
|
| 250 |
-
</div>
|
| 251 |
-
|
| 252 |
-
</div>
|
| 253 |
-
</div>
|
| 254 |
-
</div>
|
| 255 |
-
<!--/ Matting. -->
|
| 256 |
-
|
| 257 |
-
<!-- Animation. -->
|
| 258 |
-
<div class="columns is-centered">
|
| 259 |
-
<div class="column is-full-width">
|
| 260 |
-
<h2 class="title is-3">Animation</h2>
|
| 261 |
-
|
| 262 |
-
<!-- Interpolating. -->
|
| 263 |
-
<h3 class="title is-4">Interpolating states</h3>
|
| 264 |
-
<div class="content has-text-justified">
|
| 265 |
-
<p>
|
| 266 |
-
We can also animate the scene by interpolating the deformation latent codes of two input
|
| 267 |
-
frames. Use the slider here to linearly interpolate between the left frame and the right
|
| 268 |
-
frame.
|
| 269 |
-
</p>
|
| 270 |
-
</div>
|
| 271 |
-
<div class="columns is-vcentered interpolation-panel">
|
| 272 |
-
<div class="column is-3 has-text-centered">
|
| 273 |
-
<img src="./static/images/interpolate_start.jpg"
|
| 274 |
-
class="interpolation-image"
|
| 275 |
-
alt="Interpolate start reference image."/>
|
| 276 |
-
<p>Start Frame</p>
|
| 277 |
-
</div>
|
| 278 |
-
<div class="column interpolation-video-column">
|
| 279 |
-
<div id="interpolation-image-wrapper">
|
| 280 |
-
Loading...
|
| 281 |
-
</div>
|
| 282 |
-
<input class="slider is-fullwidth is-large is-info"
|
| 283 |
-
id="interpolation-slider"
|
| 284 |
-
step="1" min="0" max="100" value="0" type="range">
|
| 285 |
-
</div>
|
| 286 |
-
<div class="column is-3 has-text-centered">
|
| 287 |
-
<img src="./static/images/interpolate_end.jpg"
|
| 288 |
-
class="interpolation-image"
|
| 289 |
-
alt="Interpolation end reference image."/>
|
| 290 |
-
<p class="is-bold">End Frame</p>
|
| 291 |
-
</div>
|
| 292 |
-
</div>
|
| 293 |
-
<br/>
|
| 294 |
-
<!--/ Interpolating. -->
|
| 295 |
-
|
| 296 |
-
<!-- Re-rendering. -->
|
| 297 |
-
<h3 class="title is-4">Re-rendering the input video</h3>
|
| 298 |
-
<div class="content has-text-justified">
|
| 299 |
-
<p>
|
| 300 |
-
Using <span class="dnerf">Nerfies</span>, you can re-render a video from a novel
|
| 301 |
-
viewpoint such as a stabilized camera by playing back the training deformations.
|
| 302 |
-
</p>
|
| 303 |
-
</div>
|
| 304 |
-
<div class="content has-text-centered">
|
| 305 |
-
<video id="replay-video"
|
| 306 |
-
controls
|
| 307 |
-
muted
|
| 308 |
-
preload
|
| 309 |
-
playsinline
|
| 310 |
-
width="75%">
|
| 311 |
-
<source src="./static/videos/replay.mp4"
|
| 312 |
-
type="video/mp4">
|
| 313 |
-
</video>
|
| 314 |
-
</div>
|
| 315 |
-
<!--/ Re-rendering. -->
|
| 316 |
-
|
| 317 |
-
</div>
|
| 318 |
-
</div>
|
| 319 |
-
<!--/ Animation. -->
|
| 320 |
-
|
| 321 |
-
|
| 322 |
-
<!-- Concurrent Work. -->
|
| 323 |
-
<div class="columns is-centered">
|
| 324 |
-
<div class="column is-full-width">
|
| 325 |
-
<h2 class="title is-3">Related Links</h2>
|
| 326 |
-
|
| 327 |
-
<div class="content has-text-justified">
|
| 328 |
-
<p>
|
| 329 |
-
There's a lot of excellent work that was introduced around the same time as ours.
|
| 330 |
-
</p>
|
| 331 |
-
<p>
|
| 332 |
-
<a href="https://arxiv.org/abs/2104.09125" target="_blank">Progressive Encoding for Neural Optimization</a> introduces an idea similar to our windowed position encoding for coarse-to-fine optimization.
|
| 333 |
-
</p>
|
| 334 |
-
<p>
|
| 335 |
-
<a href="https://www.albertpumarola.com/research/D-NeRF/index.html" target="_blank">D-NeRF</a> and <a href="https://gvv.mpi-inf.mpg.de/projects/nonrigid_nerf/" target="_blank">NR-NeRF</a>
|
| 336 |
-
both use deformation fields to model non-rigid scenes.
|
| 337 |
-
</p>
|
| 338 |
-
<p>
|
| 339 |
-
Some works model videos with a NeRF by directly modulating the density, such as <a href="https://video-nerf.github.io/" target="_blank">Video-NeRF</a>, <a href="https://www.cs.cornell.edu/~zl548/NSFF/" target="_blank">NSFF</a>, and <a href="https://neural-3d-video.github.io/" target="_blank">DyNeRF</a>
|
| 340 |
-
</p>
|
| 341 |
-
<p>
|
| 342 |
-
There are probably many more by the time you are reading this. Check out <a href="https://dellaert.github.io/NeRF/" target="_blank">Frank Dellart's survey on recent NeRF papers</a>, and <a href="https://github.com/yenchenlin/awesome-NeRF" target="_blank">Yen-Chen Lin's curated list of NeRF papers</a>.
|
| 343 |
-
</p>
|
| 344 |
-
</div>
|
| 345 |
-
</div>
|
| 346 |
-
</div>
|
| 347 |
-
<!--/ Concurrent Work. -->
|
| 348 |
-
|
| 349 |
-
</div>
|
| 350 |
-
</section>
|
| 351 |
-
|
| 352 |
|
| 353 |
<section class="section" id="BibTeX">
|
| 354 |
<div class="container is-max-desktop content">
|
|
|
|
| 36 |
<h1 class="title is-1 publication-title">IXAM: Interactive Explainability for Authorship Attribution Models</h1>
|
| 37 |
<div class="is-size-5 publication-authors">
|
| 38 |
<span class="author-block">
|
| 39 |
+
<a href="" target="_blank">Milad Alshomary</a><sup>1</sup>,</span>
|
| 40 |
<span class="author-block">
|
| 41 |
+
<a href="" target="_blank">Anisha Bhatnagar</a><sup>2</sup>,</span>
|
| 42 |
<span class="author-block">
|
| 43 |
+
<a href="" target="_blank">Peter Zeng</a><sup>2</sup>,
|
| 44 |
</span>
|
| 45 |
<span class="author-block">
|
| 46 |
+
<a href="" target="_blank">Smaranda Muresan</a><sup>2</sup>,
|
| 47 |
</span>
|
| 48 |
<span class="author-block">
|
| 49 |
+
<a href="" target="_blank">Owen Rambow</a><sup>2</sup>,
|
| 50 |
</span>
|
| 51 |
<span class="author-block">
|
| 52 |
+
<a href="" target="_blank">Kathleen McKeown</a><sup>1,2</sup>,
|
| 53 |
</span>
|
| 54 |
</div>
|
| 55 |
|
|
|
|
| 72 |
</span>
|
| 73 |
<!-- Video Link. -->
|
| 74 |
<span class="link-block">
|
| 75 |
+
<a href="_" target="_blank"
|
| 76 |
class="external-link button is-normal is-rounded is-dark">
|
| 77 |
<span class="icon">
|
| 78 |
<i class="fab fa-youtube"></i>
|
|
|
|
| 125 |
</section>
|
| 126 |
|
| 127 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 128 |
<section class="section">
|
| 129 |
<div class="container is-max-desktop">
|
| 130 |
<!-- Abstract. -->
|
|
|
|
| 155 |
</section>
|
| 156 |
|
| 157 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 158 |
|
| 159 |
<section class="section" id="BibTeX">
|
| 160 |
<div class="container is-max-desktop content">
|