Skip to content

Commit

Permalink
add visualization results
Browse files Browse the repository at this point in the history
  • Loading branch information
@caoji2001
caoji2001 committed Jan 4, 2025
1 parent 727c550 commit 865f0d8
Show file tree
Hide file tree
Showing 7 changed files with 117 additions and 4 deletions.
Binary file added src/img/heatmap/Beijing/Ours.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/heatmap/Beijing/Real.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/heatmap/Porto/Ours.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/heatmap/Porto/Real.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/heatmap/San_Francisco/Ours.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/heatmap/San_Francisco/Real.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
121 changes: 117 additions & 4 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,14 +74,127 @@ <h2 class="fs-3">Abstract</h2>
<div class="col-12 text-center">
<h2 class="fs-3">Framework Overview</h2>
<hr class="mt-0">
<img class="img-fluid" src="img/framework.png">
<hr>
<img class="img-fluid mb-3" src="img/framework.png" alt="Framework Image">
<p class="text-start">HOSER predicts the next spatio-temporal point based on the current state and generates the trajectory between the given OD pair through a search-based method. As illustrated above, HOSER first employs a Road Network Encoder to model the road network at different levels. Based on the road network representation, a Multi-Granularity Trajectory Encoder is proposed to extract the semantic information from the current partial trajectory. To better incorporate prior knowledge of human mobility, a Destination-Oriented Navigator is used to seamlessly integrate the current partial trajectory semantics with the destination guidance.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="mb-4">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h2 class="fs-3">Heatmap Visualization of Generated and Real Trajectories</h2>
<hr class="mt-0">
</div>
</div>
<div class="row text-center">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="row small">
<div class="col-6">
<img class="img-fluid" src="img/heatmap/Beijing/Ours.png" alt="Ours trajectories heatmap in Beijing">
<p class="mb-0">(a) Ours</p>
</div>
<div class="col-6">
<img class="img-fluid" src="img/heatmap/Beijing/Real.png" alt="Real trajectories heatmap in Beijing">
<p class="mb-0">(b) Real</p>
</div>
</div>
<p class="mb-4">Beijing</p>
</div>
</div>
<div class="row text-center">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="row small">
<div class="col-6">
<img class="img-fluid" src="img/heatmap/Porto/Ours.png" alt="Ours trajectories heatmap in Porto">
<p class="mb-0">(a) Ours</p>
</div>
<div class="col-6">
<img class="img-fluid" src="img/heatmap/Porto/Real.png" alt="Real trajectories heatmap in Porto">
<p class="mb-0">(b) Real</p>
</div>
</div>
<p class="mb-4">Porto</p>
</div>
</div>
<div class="row text-center">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="row small">
<div class="col-6">
<img class="img-fluid" src="img/heatmap/San_Francisco/Ours.png" alt="Ours trajectories heatmap in San Francisco">
<p class="mb-0">(a) Ours</p>
</div>
<div class="col-6">
<img class="img-fluid" src="img/heatmap/San_Francisco/Real.png" alt="Real trajectories heatmap in San Francisco">
<p class="mb-0">(b) Real</p>
</div>
</div>
<p class="mb-4">San Francisco</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="mb-4">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h2 class="fs-3">Visualization of Generated and Real Trajectories with Identical OD Pairs</h2>
<hr class="mt-0">
</div>
</div>
<div class="row text-center">
<div class="col-12 col-lg-10 offset-lg-1">
<div class="row small">
<div class="col-6">
<iframe src="https://www.google.com/maps/d/embed?mid=1wPKDxd15PEN3O-1phVJkdVAIckwT5y4&ehbc=2E312F&noprof=1&z=12" height="480" class="w-100"></iframe>
<p class="mb-0">(a) Ours</p>
</div>
<div class="col-6">
<iframe src="https://www.google.com/maps/d/embed?mid=1-_KZFscbRPvL8oRenYTq9LLLikr6Mhc&ehbc=2E312F&noprof=1&z=12" height="480" class="w-100"></iframe>
<p class="mb-0">(b) Real</p>
</div>
</div>
<p class="mb-4">Beijing</p>
</div>
</div>
<div class="row text-center">
<div class="col-12 col-lg-10 offset-lg-1">
<div class="row small">
<div class="col-6">
<iframe src="https://www.google.com/maps/d/embed?mid=1S1NNGyhKjkMUXNJ2LyQsFAjqtBOs6Q4&ehbc=2E312F&noprof=1" height="480" class="w-100"></iframe>
<p class="mb-0">(a) Ours</p>
</div>
<div class="col-6">
<iframe src="https://www.google.com/maps/d/embed?mid=177An5dJ9UI8mVnIX6mPN0tkXpOZzDiA&ehbc=2E312F&noprof=1" height="480" class="w-100"></iframe>
<p class="mb-0">(b) Real</p>
</div>
</div>
<p class="mb-4">Porto</p>
</div>
</div>
<div class="row text-center">
<div class="col-12 col-lg-10 offset-lg-1">
<div class="row small">
<div class="col-6">
<iframe src="https://www.google.com/maps/d/embed?mid=1l76DYh_okeF2keleERkzjCSWmOR3OvM&ehbc=2E312F&noprof=1" height="480" class="w-100"></iframe>
<p class="mb-0">(a) Ours</p>
</div>
<div class="col-6">
<iframe src="https://www.google.com/maps/d/embed?mid=1pGj9Iw5Zr-sOqgzorzbrp5zSWdYaYhY&ehbc=2E312F&noprof=1" height="480" class="w-100"></iframe>
<p class="mb-0">(b) Real</p>
</div>
</div>
<p class="mb-4">San Francisco</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="mb-4">
<div class="container">
Expand All @@ -93,8 +206,8 @@ <h2 class="fs-3">Citation</h2>
<code>@inproceedings{cao2025hoser,
title={Holistic Semantic Representation for Navigational Trajectory Generation},
author={Cao, Ji and Zheng, Tongya and Guo, Qinghong and Wang, Yu and Dai, Junshu and Liu, Shunyu and Yang, Jie and Song, Jie and Song, Mingli},
booktitle = {AAAI Conference on Artificial Intelligence (AAAI)},
year = {2025},
booktitle={AAAI Conference on Artificial Intelligence (AAAI)},
year={2025},
}</code>
</pre>
</div>
Expand Down

0 comments on commit 865f0d8

Please sign in to comment.