Add image size scaling factors

nearest.html

@@ -151,6 +151,8 @@
             <option value="none" selected>None</option>
             <option value="direct">Cluster size</option>
             <option value="inverse">Inverse cluster size</option>
+            <option value="size">Image size</option>
+            <option value="inverseSize">Inverse image size</option>
           </select>
           <span style="grid-area: slbl" class="toggle-on">And scale result by</span>
           <select style="grid-area: scal" autocomplete="off" id="scale-option" class="toggle-on"
@@ -158,6 +160,8 @@
             <option value="none">None</option>
             <option value="direct">Cluster size</option>
             <option value="inverse" selected>Inverse cluster size</option>
+            <option value="size">Image size</option>
+            <option value="inverseSize">Inverse image size</option>
           </select>
           <div
             style="grid-area: disp; padding-top: 0.5em; padding-bottom: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; justify-self: center;"

web/listeners.js

@@ -37,12 +37,16 @@ const scaleOptions = {
   none: () => [1, 1, 1],
   direct: data => data.clusters.map(c => c.size / data.total.size),
   inverse: data => data.clusters.map(c => data.total.size / c.size),
+  size: data => [data.total.size, data.total.size, data.total.size],
+  inverseSize: data => { const c = 1 / data.total.size; return [c, c, c] },
 };
 
 const scaleOptionsDisplay = {
   none: () => ["", ""],
   direct: arg => [`\\frac{\\left|${arg}\\right|}{\\left|P\\right|} \\left(`, "\\right)"],
   inverse: arg => [`\\frac{\\left|P\\right|}{\\left|${arg}\\right|} \\left(`, "\\right)"],
+  size: () => ["\\left|P\\right| \\left(", "\\right)"],
+  inverseSize: () => ["\\frac{1}{\\left|P\\right|} \\left(", "\\right)"],
 }
 
 const sortOrders = {