From 65c400a959726ae529c836482c133bd90bb303d9 Mon Sep 17 00:00:00 2001
From: Blair Lyons <blair208@gmail.com>
Date: Tue, 30 Jul 2024 17:44:53 -0700
Subject: [PATCH] added interactive metrics plots back

---
 analysis.html | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)

diff --git a/analysis.html b/analysis.html
index e71b784..8ff34a6 100644
--- 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">