some fixes, after manual testing

rowers/templates/embedded_video.html

@@ -116,7 +116,7 @@ function copyText() {
   </li>
   {% if user.is_authenticated and user == workout.user.user and not locked %}
   <li class="grid_2">
-    <p>Paste link to you tube video below</p>
+    <p>Paste link to Youtube video below</p>
     <p>Use the slider to locate start point for video on workout map</p>
     <p>Playing the video will advance the data in synchonization.  Use the regular YouTube
       controls
@@ -169,9 +169,8 @@ function copyText() {
   </li>
   <li class="grid_2">
     <div id="player"></div>
-    <script>
-      // 1. Code for the map
       {{ mapscript | safe }}
+    <script>
 
 
       // 2. This code loads the IFrame Player API code asynchronously.
@@ -188,7 +187,8 @@ function copyText() {
       var dataplaying = false;
 
       var videotime = 0;
-      var data = JSON.parse('{{ data|safe }}');
+    var data = JSON.parse('{{ data|safe }}');
+
       {% for id, metric in metrics.items %}
       var {{ id }}_values = data["{{ id }}"];
       // console.log("{{ id }}_values",{{ id }}_values);

rowers/templates/multicompare.html

@@ -6,14 +6,9 @@
 
 {% block main %}
 
-<script src="https://cdn.pydata.org/bokeh/release/bokeh-3.1.1.min.js"></script>
-<script async="true" type="text/javascript">
-  Bokeh.set_log_level("info");
-</script>
+<script src="https://d3js.org/d3.v6.js"></script>
+
 
-<script>
-{{ interactiveplot |safe }}
-</script>
   
 <h1>Interactive Comparison</h1>
 
@@ -22,6 +17,7 @@
   <li class="grid_4">
     <div>
       {{ the_div|safe }}
+      {{ interactiveplot |safe }}
     </div>
 
   </li>