Added some filtering and mathjax

Author: kuraisle

src/analysis-breakdown.md

@@ -89,7 +89,29 @@ const filters = view(Inputs.form({
 ``` -->
 
 ```js
-const filters = Inputs.form()
+const algo_filters = view(Inputs.form({
+    
+    //branching_capable: Inputs.toggle(
+    //  {
+    //    label: "Capable of branching execution",
+    //    value: false
+    //  }
+    //),
+    acceptable_separability: Inputs.checkbox(
+        ["fully", "iterative", "none"],
+        {
+            label: "Acceptable separability",
+            value: ["fully"]
+        } 
+    ),
+    acceptableCommunicationDirection: Inputs.checkbox(
+        ["client to aggregator", "bidirectional"],
+        {
+            label: "Acceptable communication directions",
+            value: ["client to aggregator"]
+        }
+    ),
+}));
 ```
 
 ```js
@@ -99,6 +121,21 @@ const algorithmList = algorithms.map(
         algo.addObservables(observableData);
         return algo
     }
+).filter(
+    d => {
+        // Separability check
+        if (!algo_filters.acceptable_separability.includes(d.separability)){
+            return false;
+        };
+        // Branching execution - not relevant until I have examples
+        //if (d.requiresBranching && !algo_filters.branching_capable){
+        //    return false;
+        //};
+        if (!algo_filters.acceptableCommunicationDirection.includes(d.communicationDirection)){
+            return false;
+        };
+        return true;
+    }
 );
 
 const statisticsList = statistics.map(
@@ -110,9 +147,11 @@ const statisticsList = statistics.map(
             return stat
         }
     }
-);
+).filter(stat => stat != null);
 ```
 
+There are ${statisticsList.length} compatible statistics, implemented with ${algorithmList.length} total algorithms.
+
 ```js
 html`${statisticsList.map(stat => stat ? stat.display(): "")}`
 ```

src/components/display_statistic.js

@@ -226,7 +226,7 @@ export class Algorithm {
     this.mathjax = algorithmField.mathjax;
     this.communicationRounds = algorithmField.communication_rounds;
     this.adaptiveRounds = algorithmField.adaptive_rounds === "true";
-    this.communicationDirection = algorithmField.communication_direction.replace("_", " ");
+    this.communicationDirection = algorithmField.communication_direction.replaceAll("_", " ");
     this.requiresBranching = algorithmField.requires_branching === "true";
     this.requiresPersistence = algorithmField.requires_persistence === "true";
     this.differentialPrivacy = algorithmField.differential_privacy;
@@ -357,9 +357,11 @@ export class Algorithm {
           ${getSeparabilityString(this.separability)}
         </span>
       </div>
-
+      
       <p style="color: #4b5563; margin: 0.5rem 0 1rem 0; font-size: 0.95rem;">${this.description}</p>
 
+      ${htmlUnsafe(marked.parse(this.mathjax))}
+
       <div style="
         display: flex;
         flex-wrap: wrap;