Add color legend to power spectrum section

Add a 3-item legend below the power spectrum chart explaining the
line colors: Power Spectrum (cyan), Cutoff (yellow dashed), Noise
Floor (red dashed). Reuses the .legend CSS classes added in the
previous commit.
This commit is contained in:
Armin 2026-07-06 18:10:45 +02:00
commit f52c13009b

View file

@ -99,6 +99,11 @@
<div class="chart-container">
<canvas id="spectrumChart"></canvas>
</div>
<div class="legend">
<span class="legend-item"><span class="legend-swatch" style="background:#00bcd4"></span>Power Spectrum</span>
<span class="legend-item"><span class="legend-swatch legend-swatch-dashed" style="border-color:#ffc107"></span>Cutoff</span>
<span class="legend-item"><span class="legend-swatch legend-swatch-dashed" style="border-color:rgba(255,82,82,0.5)"></span>Noise Floor</span>
</div>
</section>
<section id="metricsSection">