added interactive metrics plots back

simularium · Jul 31, 2024 · 65c400a · 65c400a
1 parent 84369ed
commit 65c400a
Showing 1 changed file with 77 additions and 0 deletions.
diff --git a/analysis.html b/analysis.html
@@ -26,6 +26,83 @@ <h2>
             </p>
         </section>
 
+        <div class="chunk">
+            <div class="left">
+                <h3>
+                    X
+                </h3>
+                <p>
+                    X
+                </p>
+
+                <p class="instructions">
+                    X
+                </p>
+            </div>
+            <div class="right">
+                <p class="caption">
+                    x
+                </p>
+                <div class="inputs" id="velocity">
+                    <h4>Compression velocity</h4>
+                    <label class="container">
+                        <input type="radio" name="velocity" id="velocity_0047" onclick="generate_compression_metrics()" checked />
+                        4.7 &#181;m/s
+                        <span class="input radio"></span>
+                    </label>
+                    <label class="container">
+                        <input type="radio" name="velocity" id="velocity_0150" onclick="generate_compression_metrics()" />
+                        15 &#181;m/s
+                        <span class="input radio"></span>
+                    </label>
+                    <label class="container">
+                        <input type="radio" name="velocity" id="velocity_0470" onclick="generate_compression_metrics()" />
+                        47 &#181;m/s
+                        <span class="input radio"></span>
+                    </label>
+                    <label class="container">
+                        <input type="radio" name="velocity" id="velocity_1500" onclick="generate_compression_metrics()" />
+                        150 &#181;m/s
+                        <span class="input radio"></span>
+                    </label>
+                </div>
+                <div class="inputs" id="metric">
+                    <h4>Compression metric</h4>
+                    <label class="container">
+                        <input type="radio" name="metric" id="metric_peak_asymmetry" onclick="generate_compression_metrics()" checked />
+                        Peak asymmetry
+                        <span class="input radio"></span>
+                    </label>
+                    <label class="container">
+                        <input type="radio" name="metric" id="metric_non_coplanarity" onclick="generate_compression_metrics()" />
+                        Non-coplanarity
+                        <span class="input radio"></span>
+                    </label>
+                    <label class="container">
+                        <input type="radio" name="metric" id="metric_compression_ratio" onclick="generate_compression_metrics()" />
+                        Compression ratio
+                        <span class="input radio"></span>
+                    </label>
+                    <label class="container">
+                        <input type="radio" name="metric" id="metric_average_perp_distance" onclick="generate_compression_metrics()" />
+                        Average perpendicular distance
+                        <span class="input radio"></span>
+                    </label>
+                    <label class="container">
+                        <input type="radio" name="metric" id="metric_contour_length" onclick="generate_compression_metrics()" />
+                        Contour length
+                        <span class="input radio"></span>
+                    </label>
+                </div>
+                <div class="centered">
+                    <div id="compression_metrics"></div>
+                </div>
+                <script>
+                    generate_compression_metrics()
+                </script>
+            </div>
+        </div>
+
         <section id="content">
             <div class="chunk">
                 <div class="left">