diff --git a/src/App.jsx b/src/App.jsx index f423f6f..76022ea 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -136,17 +136,18 @@ const filterDatasetForPlotType = (dataset, plotType) => { const PreviewPanel = ({ lensCurves }) => { const previewItems = lensCurves.map((curve) => { const infinityStat = curve.checkpointStats.find((stat) => !Number.isFinite(stat.separation)); - const blurPercent = infinityStat?.blurPercentOfDiagonal ?? 0; + const blurMm = infinityStat?.blurMm ?? 0; return { lens: curve.lens, - blurPercent, + blurMm, + sensorDiagonal: curve.sensor?.diagonal ?? 1, colorIndex: curve.colorIndex, }; }); - const maxBlurPercent = previewItems.reduce((maxValue, item) => Math.max(maxValue, item.blurPercent), 0); - const denominator = maxBlurPercent > 0 ? maxBlurPercent : 1; + const maxBlurMm = previewItems.reduce((maxValue, item) => Math.max(maxValue, item.blurMm), 0); + const denominator = maxBlurMm > 0 ? maxBlurMm : 1; return (
@@ -156,7 +157,7 @@ const PreviewPanel = ({ lensCurves }) => { ) : (
{previewItems.map((item) => { - const normalized = Math.min(item.blurPercent / denominator, 1); + const normalized = Math.min(item.blurMm / denominator, 1); const diameter = Math.max(18, 30 + normalized * 70); const paletteColor = COLOR_PALETTE[item.colorIndex % COLOR_PALETTE.length]; @@ -177,7 +178,7 @@ const PreviewPanel = ({ lensCurves }) => {
{item.lens.name}
- ∞ blur {formatNumber(item.blurPercent, 2)}% + ∞ blur {formatNumber(item.blurMm, 2)} mm