pantierra/efast-phenocam-validation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Adjusted timeseries color.

Browse source
This commit is contained in:
Felix Delattre 2026-06-13 17:22:35 +02:00
parent cdfa350dc6
commit a8852bc997
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -209,11 +209,11 @@ body { margin: 0; font: 13px/1.4 system-ui, sans-serif; background: #f5f5f5; col
</div>
<div id="legend">
<div class="leg"><span class="leg-swatch" style="background:#2d7a3e"></span>PhenoCam</div>
<div class="leg"><span class="leg-swatch" style="background:#aaa"></span>S2</div>
<div class="leg"><span class="leg-swatch" style="background:#333;border-top:2px dashed #555;height:0;width:20px"></span>Whittaker</div>
<div class="leg"><span class="leg-swatch" style="background:#8a8f98"></span>S2</div>
<div class="leg"><span class="leg-swatch" style="background:transparent;border-top:2px dashed #7c3aed;height:0;width:20px"></span>Whittaker</div>
<div class="leg"><span class="leg-swatch" style="background:#0066cc"></span>BtI</div>
<div class="leg"><span class="leg-swatch" style="background:#cc6600"></span>ItB</div>
<div class="leg"><span class="leg-swatch" style="background:#cc0000;opacity:.4"></span>S3</div>
<div class="leg"><span class="leg-swatch" style="background:#d81b60"></span>S3</div>
<div class="leg"><span class="leg-swatch" style="background:#cc0000"></span>S3 smooth</div>
</div>
</div>
@ -836,11 +836,11 @@ function updatePhoto(dateStr) {
// ── GCC canvas ──
const SERIES = [
{ key: "phenocam", val: "gcc_90", color: "#2d7a3e", width: 2, dash: [] },
{ key: "s2", val: "gcc", color: "#bbb", width: 1, dash: [] },
{ key: "s2_whittaker",val: "gcc", color: "#444", width: 1.5, dash: [4,3] },
{ key: "s2", val: "gcc", color: "#8a8f98", width: 1, dash: [] },
{ key: "s2_whittaker",val: "gcc", color: "#7c3aed", width: 1.5, dash: [4,3] },
{ key: "bti", val: "gcc", color: "#0066cc", width: 1.5, dash: [] },
{ key: "itb", val: "gcc", color: "#cc6600", width: 1.5, dash: [] },
{ key: "s3", val: "gcc", color: "rgba(204,0,0,0.35)", width: 1, dash: [] },
{ key: "s3", val: "gcc", color: "#d81b60", width: 1.2, dash: [] },
{ key: "s3_smooth", val: "gcc", color: "#cc0000", width: 1.5, dash: [] },
];
@ -924,7 +924,7 @@ function drawGCC(sliderVal) {
if (!nearest) continue;
const vv = nearest[s.val];
const tx = cx + 4, ty = yOf(vv);
ctx.fillStyle = s.color === "rgba(204,0,0,0.35)" ? "#cc0000" : s.color;
ctx.fillStyle = s.color;
ctx.fillText(vv.toFixed(3), tx, ty);
}
}