Skip to content
This repository was archived by the owner on Sep 30, 2026. It is now read-only.

cropped images for sweeps and experiments #3133

Merged
dbrian57 merged 2 commits into from
Aug 28, 2026
Merged

cropped images for sweeps and experiments #3133

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ebeec46
cropped images for sweeps and experiments
anastasiaguspan Aug 26, 2026
fa5bf7f
Optimised images with calibre/image-actions
wandb-docs-pr-writer[bot] Aug 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 80 additions & 0 deletions images/cropper-reports_scOLD/experiments_diffviewer_scOLD.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!doctype html><html><head><meta charset='utf-8'><title>Diff viewer: experiments</title><style>
body { font-family: -apple-system, Helvetica, sans-serif; margin: 0; background: #f4f4f6; }
header { position: sticky; top: 0; background: #1a1c1f; color: #fff; padding: 10px 16px;
z-index: 2; font-size: 14px; }
header b { color: #ffcc33; }
.row { background: #fff; margin: 14px; padding: 12px; border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.meta { font-size: 13px; color: #333; margin-bottom: 8px; word-break: break-all; }
.meta a { color: #0b6ec5; }
.reason { color: #a04b00; font-size: 13px; }
.pair { display: flex; gap: 12px; }
.pair figure { flex: 1; margin: 0; min-width: 0; }
.pair figcaption { font-size: 12px; color: #666; margin-bottom: 4px; }
img { max-width: 100%; height: auto; border: 1px solid #ddd; background:
repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 0 0/16px 16px; }
button.copy { font-size: 12px; padding: 3px 10px; margin: 4px 8px 4px 0; cursor: pointer;
border: 1px solid #bbb; border-radius: 5px; background: #f7f7f7; }
button.copy:active { background: #d9efe3; }
code.cmd { font-size: 12px; background: #f0f0f2; padding: 2px 6px; border-radius: 4px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 14px; margin: 14px; }
.grid .row { margin: 0; }
</style></head><body>
<script>
function copyCmd(btn, cmd) {
function done() { btn.textContent = 'copied!'; setTimeout(() => btn.textContent = btn.dataset.label, 1200); }
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(cmd).then(done);
} else { // file:// pages are not a secure context in every browser
const ta = document.createElement('textarea');
ta.value = cmd; document.body.appendChild(ta); ta.select();
document.execCommand('copy'); document.body.removeChild(ta); done();
}
}
</script>
<header><b>Diff viewer: experiments</b> &mdash; 4 images cropped &mdash; left = original backup, right = cropped result</header>
<div class="row">
<div class="meta"><a href="../experiments/dashboard_grouped_runs.png">/Users/aguspan/Docs/docs/images/experiments/dashboard_grouped_runs.png</a><br>
category <b>top</b> &middot; cropped x=0 y=104
&middot; original: <a href="../experiments/dashboard_grouped_runs_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../experiments/dashboard_grouped_runs_scOLD.png"><img loading="lazy" src="../experiments/dashboard_grouped_runs_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../experiments/dashboard_grouped_runs.png"><img loading="lazy" src="../experiments/dashboard_grouped_runs.png"></a></figure>
</div>
</div>
<div class="row">
<div class="meta"><a href="../experiments/example_saving_file_to_directory.png">/Users/aguspan/Docs/docs/images/experiments/example_saving_file_to_directory.png</a><br>
category <b>top_left</b> &middot; cropped x=510 y=80
&middot; original: <a href="../experiments/example_saving_file_to_directory_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../experiments/example_saving_file_to_directory_scOLD.png"><img loading="lazy" src="../experiments/example_saving_file_to_directory_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../experiments/example_saving_file_to_directory.png"><img loading="lazy" src="../experiments/example_saving_file_to_directory.png"></a></figure>
</div>
</div>
<div class="row">
<div class="meta"><a href="../experiments/experiments_landing_page.png">/Users/aguspan/Docs/docs/images/experiments/experiments_landing_page.png</a><br>
category <b>left</b> &middot; cropped x=112 y=0
&middot; original: <a href="../experiments/experiments_landing_page_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../experiments/experiments_landing_page_scOLD.png"><img loading="lazy" src="../experiments/experiments_landing_page_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../experiments/experiments_landing_page.png"><img loading="lazy" src="../experiments/experiments_landing_page.png"></a></figure>
</div>
</div>
<div class="row">
<div class="meta"><a href="../experiments/reproduce_run_button.png">/Users/aguspan/Docs/docs/images/experiments/reproduce_run_button.png</a><br>
category <b>left</b> &middot; cropped x=138 y=0
&middot; original: <a href="../experiments/reproduce_run_button_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../experiments/reproduce_run_button_scOLD.png"><img loading="lazy" src="../experiments/reproduce_run_button_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../experiments/reproduce_run_button.png"><img loading="lazy" src="../experiments/reproduce_run_button.png"></a></figure>
</div>
</div></body></html>
36 changes: 36 additions & 0 deletions images/cropper-reports_scOLD/experiments_humanReview_scOLD.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!doctype html><html><head><meta charset='utf-8'><title>Human review needed: experiments</title><style>
body { font-family: -apple-system, Helvetica, sans-serif; margin: 0; background: #f4f4f6; }
header { position: sticky; top: 0; background: #1a1c1f; color: #fff; padding: 10px 16px;
z-index: 2; font-size: 14px; }
header b { color: #ffcc33; }
.row { background: #fff; margin: 14px; padding: 12px; border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.meta { font-size: 13px; color: #333; margin-bottom: 8px; word-break: break-all; }
.meta a { color: #0b6ec5; }
.reason { color: #a04b00; font-size: 13px; }
.pair { display: flex; gap: 12px; }
.pair figure { flex: 1; margin: 0; min-width: 0; }
.pair figcaption { font-size: 12px; color: #666; margin-bottom: 4px; }
img { max-width: 100%; height: auto; border: 1px solid #ddd; background:
repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 0 0/16px 16px; }
button.copy { font-size: 12px; padding: 3px 10px; margin: 4px 8px 4px 0; cursor: pointer;
border: 1px solid #bbb; border-radius: 5px; background: #f7f7f7; }
button.copy:active { background: #d9efe3; }
code.cmd { font-size: 12px; background: #f0f0f2; padding: 2px 6px; border-radius: 4px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 14px; margin: 14px; }
.grid .row { margin: 0; }
</style></head><body>
<script>
function copyCmd(btn, cmd) {
function done() { btn.textContent = 'copied!'; setTimeout(() => btn.textContent = btn.dataset.label, 1200); }
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(cmd).then(done);
} else { // file:// pages are not a secure context in every browser
const ta = document.createElement('textarea');
ta.value = cmd; document.body.appendChild(ta); ta.select();
document.execCommand('copy'); document.body.removeChild(ta); done();
}
}
</script>
<header><b>Human review needed: experiments</b> &mdash; 0 images need a human decision &mdash; nothing was modified</header><div class='row'>nothing to review</div></body></html>
60 changes: 60 additions & 0 deletions images/cropper-reports_scOLD/experiments_noActionNeeded_scOLD.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!doctype html><html><head><meta charset='utf-8'><title>No action needed: experiments</title><style>
body { font-family: -apple-system, Helvetica, sans-serif; margin: 0; background: #f4f4f6; }
header { position: sticky; top: 0; background: #1a1c1f; color: #fff; padding: 10px 16px;
z-index: 2; font-size: 14px; }
header b { color: #ffcc33; }
.row { background: #fff; margin: 14px; padding: 12px; border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.meta { font-size: 13px; color: #333; margin-bottom: 8px; word-break: break-all; }
.meta a { color: #0b6ec5; }
.reason { color: #a04b00; font-size: 13px; }
.pair { display: flex; gap: 12px; }
.pair figure { flex: 1; margin: 0; min-width: 0; }
.pair figcaption { font-size: 12px; color: #666; margin-bottom: 4px; }
img { max-width: 100%; height: auto; border: 1px solid #ddd; background:
repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 0 0/16px 16px; }
button.copy { font-size: 12px; padding: 3px 10px; margin: 4px 8px 4px 0; cursor: pointer;
border: 1px solid #bbb; border-radius: 5px; background: #f7f7f7; }
button.copy:active { background: #d9efe3; }
code.cmd { font-size: 12px; background: #f0f0f2; padding: 2px 6px; border-radius: 4px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 14px; margin: 14px; }
.grid .row { margin: 0; }
</style></head><body>
<script>
function copyCmd(btn, cmd) {
function done() { btn.textContent = 'copied!'; setTimeout(() => btn.textContent = btn.dataset.label, 1200); }
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(cmd).then(done);
} else { // file:// pages are not a secure context in every browser
const ta = document.createElement('textarea');
ta.value = cmd; document.body.appendChild(ta); ta.select();
document.execCommand('copy'); document.body.removeChild(ta); done();
}
}
</script>
<header><b>No action needed: experiments</b> &mdash; 6 images confidently already-cropped / chrome-free</header><div class='grid'>
<div class="row">
<div class="meta"><a href="../experiments/confusion_matrix.png">confusion_matrix.png</a></div>
<a href="../experiments/confusion_matrix.png"><img loading="lazy" src="../experiments/confusion_matrix.png"></a>
</div>
<div class="row">
<div class="meta"><a href="../experiments/custom_x_axes.png">custom_x_axes.png</a></div>
<a href="../experiments/custom_x_axes.png"><img loading="lazy" src="../experiments/custom_x_axes.png"></a>
</div>
<div class="row">
<div class="meta"><a href="../experiments/loss_function_single_gpu.png">loss_function_single_gpu.png</a></div>
<a href="../experiments/loss_function_single_gpu.png"><img loading="lazy" src="../experiments/loss_function_single_gpu.png"></a>
</div>
<div class="row">
<div class="meta"><a href="../experiments/sample_terminal_output.png">sample_terminal_output.png</a></div>
<a href="../experiments/sample_terminal_output.png"><img loading="lazy" src="../experiments/sample_terminal_output.png"></a>
</div>
<div class="row">
<div class="meta"><a href="../experiments/sample_terminal_output_cloud.png">sample_terminal_output_cloud.png</a></div>
<a href="../experiments/sample_terminal_output_cloud.png"><img loading="lazy" src="../experiments/sample_terminal_output_cloud.png"></a>
</div>
<div class="row">
<div class="meta"><a href="../experiments/standard_axes.png">standard_axes.png</a></div>
<a href="../experiments/standard_axes.png"><img loading="lazy" src="../experiments/standard_axes.png"></a>
</div></div></body></html>
80 changes: 80 additions & 0 deletions images/cropper-reports_scOLD/sweeps_diffviewer_scOLD.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!doctype html><html><head><meta charset='utf-8'><title>Diff viewer: sweeps</title><style>
body { font-family: -apple-system, Helvetica, sans-serif; margin: 0; background: #f4f4f6; }
header { position: sticky; top: 0; background: #1a1c1f; color: #fff; padding: 10px 16px;
z-index: 2; font-size: 14px; }
header b { color: #ffcc33; }
.row { background: #fff; margin: 14px; padding: 12px; border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.meta { font-size: 13px; color: #333; margin-bottom: 8px; word-break: break-all; }
.meta a { color: #0b6ec5; }
.reason { color: #a04b00; font-size: 13px; }
.pair { display: flex; gap: 12px; }
.pair figure { flex: 1; margin: 0; min-width: 0; }
.pair figcaption { font-size: 12px; color: #666; margin-bottom: 4px; }
img { max-width: 100%; height: auto; border: 1px solid #ddd; background:
repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 0 0/16px 16px; }
button.copy { font-size: 12px; padding: 3px 10px; margin: 4px 8px 4px 0; cursor: pointer;
border: 1px solid #bbb; border-radius: 5px; background: #f7f7f7; }
button.copy:active { background: #d9efe3; }
code.cmd { font-size: 12px; background: #f0f0f2; padding: 2px 6px; border-radius: 4px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 14px; margin: 14px; }
.grid .row { margin: 0; }
</style></head><body>
<script>
function copyCmd(btn, cmd) {
function done() { btn.textContent = 'copied!'; setTimeout(() => btn.textContent = btn.dataset.label, 1200); }
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(cmd).then(done);
} else { // file:// pages are not a secure context in every browser
const ta = document.createElement('textarea');
ta.value = cmd; document.body.appendChild(ta); ta.select();
document.execCommand('copy'); document.body.removeChild(ta); done();
}
}
</script>
<header><b>Diff viewer: sweeps</b> &mdash; 4 images cropped &mdash; left = original backup, right = cropped result</header>
<div class="row">
<div class="meta"><a href="../sweeps/quickstart_dashboard_example.png">/Users/aguspan/Docs/docs/images/sweeps/quickstart_dashboard_example.png</a><br>
category <b>left</b> &middot; cropped x=130 y=2
&middot; original: <a href="../sweeps/quickstart_dashboard_example_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../sweeps/quickstart_dashboard_example_scOLD.png"><img loading="lazy" src="../sweeps/quickstart_dashboard_example_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../sweeps/quickstart_dashboard_example.png"><img loading="lazy" src="../sweeps/quickstart_dashboard_example.png"></a></figure>
</div>
</div>
<div class="row">
<div class="meta"><a href="../sweeps/sweep1.png">/Users/aguspan/Docs/docs/images/sweeps/sweep1.png</a><br>
category <b>top_left</b> &middot; cropped x=99 y=102
&middot; original: <a href="../sweeps/sweep1_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../sweeps/sweep1_scOLD.png"><img loading="lazy" src="../sweeps/sweep1_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../sweeps/sweep1.png"><img loading="lazy" src="../sweeps/sweep1.png"></a></figure>
</div>
</div>
<div class="row">
<div class="meta"><a href="../sweeps/sweep4.png">/Users/aguspan/Docs/docs/images/sweeps/sweep4.png</a><br>
category <b>top_left</b> &middot; cropped x=96 y=100
&middot; original: <a href="../sweeps/sweep4_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../sweeps/sweep4_scOLD.png"><img loading="lazy" src="../sweeps/sweep4_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../sweeps/sweep4.png"><img loading="lazy" src="../sweeps/sweep4.png"></a></figure>
</div>
</div>
<div class="row">
<div class="meta"><a href="../sweeps/tutorial_sweep_runs.png">/Users/aguspan/Docs/docs/images/sweeps/tutorial_sweep_runs.png</a><br>
category <b>top_left</b> &middot; cropped x=90 y=90
&middot; original: <a href="../sweeps/tutorial_sweep_runs_scOLD.png">open _scOLD backup</a></div>
<div class="pair">
<figure><figcaption>BEFORE (_scOLD)</figcaption>
<a href="../sweeps/tutorial_sweep_runs_scOLD.png"><img loading="lazy" src="../sweeps/tutorial_sweep_runs_scOLD.png"></a></figure>
<figure><figcaption>AFTER (original filename)</figcaption>
<a href="../sweeps/tutorial_sweep_runs.png"><img loading="lazy" src="../sweeps/tutorial_sweep_runs.png"></a></figure>
</div>
</div></body></html>
36 changes: 36 additions & 0 deletions images/cropper-reports_scOLD/sweeps_humanReview_scOLD.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!doctype html><html><head><meta charset='utf-8'><title>Human review needed: sweeps</title><style>
body { font-family: -apple-system, Helvetica, sans-serif; margin: 0; background: #f4f4f6; }
header { position: sticky; top: 0; background: #1a1c1f; color: #fff; padding: 10px 16px;
z-index: 2; font-size: 14px; }
header b { color: #ffcc33; }
.row { background: #fff; margin: 14px; padding: 12px; border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.meta { font-size: 13px; color: #333; margin-bottom: 8px; word-break: break-all; }
.meta a { color: #0b6ec5; }
.reason { color: #a04b00; font-size: 13px; }
.pair { display: flex; gap: 12px; }
.pair figure { flex: 1; margin: 0; min-width: 0; }
.pair figcaption { font-size: 12px; color: #666; margin-bottom: 4px; }
img { max-width: 100%; height: auto; border: 1px solid #ddd; background:
repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 0 0/16px 16px; }
button.copy { font-size: 12px; padding: 3px 10px; margin: 4px 8px 4px 0; cursor: pointer;
border: 1px solid #bbb; border-radius: 5px; background: #f7f7f7; }
button.copy:active { background: #d9efe3; }
code.cmd { font-size: 12px; background: #f0f0f2; padding: 2px 6px; border-radius: 4px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 14px; margin: 14px; }
.grid .row { margin: 0; }
</style></head><body>
<script>
function copyCmd(btn, cmd) {
function done() { btn.textContent = 'copied!'; setTimeout(() => btn.textContent = btn.dataset.label, 1200); }
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(cmd).then(done);
} else { // file:// pages are not a secure context in every browser
const ta = document.createElement('textarea');
ta.value = cmd; document.body.appendChild(ta); ta.select();
document.execCommand('copy'); document.body.removeChild(ta); done();
}
}
</script>
<header><b>Human review needed: sweeps</b> &mdash; 0 images need a human decision &mdash; nothing was modified</header><div class='row'>nothing to review</div></body></html>
Loading
Loading