OmniGibson/scripts/profiling.html

167 lines
10 KiB
HTML
Raw Permalink Normal View History

2024-01-13 09:25:34 +08:00
<!DOCTYPE html>
<html>
<head>
<title>OmniGibson Profiling</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="profiling.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
2024-02-16 05:15:03 +08:00
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.2/dist/Chart.min.js"></script>
2024-01-13 09:25:34 +08:00
</head>
<body>
<header id="header">
<h1>OmniGibson Profiling</h1>
<div class="header-item">
<strong class="header-label">Last Update:</strong>
<span id="last-update"></span>
</div>
<div class="header-item">
<strong class="header-label">Repository:</strong>
<a id="repository-link" rel="noopener"></a>
</div>
<br>
<div class="header-item">
<button id="dl-button">Download data as JSON</button>
</div>
</header>
<main id="main">
<!-- Basics -->
<h2>Baselines</h2>
2024-02-14 07:46:28 +08:00
<h5>*Ran with GPU dynamics on</h5>
2024-01-13 09:25:34 +08:00
<div class="row">
<div class="col-3">
<div class="list-group list-group-light" id="baseline_tab" role="tablist">
<a class="list-group-item list-group-item-action active px-2 border-0" id="baseline_total_tab"
2024-02-16 04:50:23 +08:00
data-toggle="list" href="#baseline_total" role="tab" aria-controls="baseline_total">FPS</a>
2024-01-13 09:25:34 +08:00
<a class="list-group-item list-group-item-action px-2 border-0" id="baseline_loading_tab"
data-toggle="list" href="#baseline_loading" role="tab" aria-controls="baseline_loading">Loading Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="baseline_omni_tab"
data-toggle="list" href="#baseline_omni" role="tab" aria-controls="baseline_omni">Native Omni Step Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="baseline_non_omni_tab"
data-toggle="list" href="#baseline_non_omni" role="tab" aria-controls="baseline_non_omni">OmniGibson Step Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="baseline_mem_tab"
data-toggle="list" href="#baseline_mem" role="tab" aria-controls="baseline_mem">Memory Usage</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="baseline_vram_tab"
data-toggle="list" href="#baseline_vram" role="tab" aria-controls="baseline_vram">VRAM Usage</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="baseline_total" role="tabpanel" aria-labelledby="baseline_total_tab">
<canvas id="baseline_total_canvas"></canvas>
</div>
<div class="tab-pane fade" id="baseline_loading" role="tabpanel" aria-labelledby="baseline_loading_tab">
<canvas id="baseline_loading_canvas"></canvas>
</div>
<div class="tab-pane fade" id="baseline_omni" role="tabpanel" aria-labelledby="baseline_omni_tab">
<canvas id="baseline_omni_canvas"></canvas>
</div>
<div class="tab-pane fade" id="baseline_non_omni" role="tabpanel" aria-labelledby="baseline_non_omni_tab">
<canvas id="baseline_non_omni_canvas"></canvas>
</div>
<div class="tab-pane fade" id="baseline_mem" role="tabpanel" aria-labelledby="baseline_mem_tab">
<canvas id="baseline_mem_canvas"></canvas>
</div>
<div class="tab-pane fade" id="baseline_vram" role="tabpanel" aria-labelledby="baseline_vram_tab">
<canvas id="baseline_vram_canvas"></canvas>
</div>
</div>
</div>
</div>
<!-- scenes -->
<h2>Scenes</h2>
2024-02-14 07:46:28 +08:00
<h5>* Ran with GPU dynamics off</h5>
2024-01-13 09:25:34 +08:00
<div class="row">
<div class="col-3">
<div class="list-group list-group-light" id="scene_tab" role="tablist">
<a class="list-group-item list-group-item-action active px-2 border-0" id="scene_total_tab"
2024-02-16 04:50:23 +08:00
data-toggle="list" href="#scene_total" role="tab" aria-controls="scene_total">FPS</a>
2024-01-13 09:25:34 +08:00
<a class="list-group-item list-group-item-action px-2 border-0" id="scene_loading_tab"
data-toggle="list" href="#scene_loading" role="tab" aria-controls="scene_loading">Loading Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="scene_omni_tab"
data-toggle="list" href="#scene_omni" role="tab" aria-controls="scene_omni">Native Omni Step Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="scene_non_omni_tab"
data-toggle="list" href="#scene_non_omni" role="tab" aria-controls="scene_non_omni">OmniGibson Step Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="scene_mem_tab"
data-toggle="list" href="#scene_mem" role="tab" aria-controls="scene_mem">Memory Usage</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="scene_vram_tab"
data-toggle="list" href="#scene_vram" role="tab" aria-controls="scene_vram">VRAM Usage</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="baseline_total" role="tabpanel" aria-labelledby="scene_total_tab">
<canvas id="scene_total_canvas"></canvas>
</div>
<div class="tab-pane fade" id="scene_loading" role="tabpanel" aria-labelledby="scene_loading_tab">
<canvas id="scene_loading_canvas"></canvas>
</div>
<div class="tab-pane fade" id="scene_omni" role="tabpanel" aria-labelledby="scene_omni_tab">
<canvas id="scene_omni_canvas"></canvas>
</div>
<div class="tab-pane fade" id="scene_non_omni" role="tabpanel" aria-labelledby="scene_non_omni_tab">
<canvas id="scene_non_omni_canvas"></canvas>
</div>
<div class="tab-pane fade" id="scene_mem" role="tabpanel" aria-labelledby="scene_mem_tab">
<canvas id="scene_mem_canvas"></canvas>
</div>
<div class="tab-pane fade" id="scene_vram" role="tabpanel" aria-labelledby="scene_vram_tab">
<canvas id="scene_vram_canvas"></canvas>
</div>
</div>
</div>
</div>
2024-02-14 07:46:28 +08:00
<!-- Non-physics -->
<h2>Non-physics Features</h2>
<h5>* Ran with GPU dynamics on</h5>
<div class="row">
<div class="col-3">
<div class="list-group list-group-light" id="np_tab" role="tablist">
<a class="list-group-item list-group-item-action active px-2 border-0" id="np_total_tab"
2024-02-16 04:50:23 +08:00
data-toggle="list" href="#np_total" role="tab" aria-controls="np_total">FPS</a>
2024-02-14 07:46:28 +08:00
<a class="list-group-item list-group-item-action px-2 border-0" id="np_loading_tab"
data-toggle="list" href="#np_loading" role="tab" aria-controls="np_loading">Loading Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="np_omni_tab"
data-toggle="list" href="#np_omni" role="tab" aria-controls="np_omni">Native Omni Step Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="np_non_omni_tab"
data-toggle="list" href="#np_non_omni" role="tab" aria-controls="np_non_omni">OmniGibson Step Time</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="np_mem_tab"
data-toggle="list" href="#np_mem" role="tab" aria-controls="np_mem">Memory Usage</a>
<a class="list-group-item list-group-item-action px-2 border-0" id="np_vram_tab"
data-toggle="list" href="#np_vram" role="tab" aria-controls="np_vram">VRAM Usage</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="np_total" role="tabpanel" aria-labelledby="np_total_tab">
<canvas id="np_total_canvas"></canvas>
</div>
<div class="tab-pane fade" id="np_loading" role="tabpanel" aria-labelledby="np_loading_tab">
<canvas id="np_loading_canvas"></canvas>
</div>
<div class="tab-pane fade" id="np_omni" role="tabpanel" aria-labelledby="np_omni_tab">
<canvas id="np_omni_canvas"></canvas>
</div>
<div class="tab-pane fade" id="np_non_omni" role="tabpanel" aria-labelledby="np_non_omni_tab">
<canvas id="np_non_omni_canvas"></canvas>
</div>
<div class="tab-pane fade" id="np_mem" role="tabpanel" aria-labelledby="np_mem_tab">
<canvas id="np_mem_canvas"></canvas>
</div>
<div class="tab-pane fade" id="np_vram" role="tabpanel" aria-labelledby="np_vram_tab">
<canvas id="np_vram_canvas"></canvas>
</div>
</div>
</div>
</div>
2024-01-13 09:25:34 +08:00
</main>
<footer>
<br>
<div class="spacer"></div>
</footer>
<script src="data.js"></script>
<script src="profiling.js"></script>
</body>
</html>