minor update. using a color ramp instead of descrete values for the legend

public/StreamlinesMultipart.html

@@ -40,11 +40,20 @@
   <div id="cesiumContainer" class="pagecesium">
 
     <div id="legend">
-      <p>Wind speed (m/s)</p>
+      <!-- <p>Wind speed (m/s)</p>
       <div class="inner"></div>
-    </div>
+    </div> -->
+    <table>
+      <tr style="height: 30px;vertical-align: top;"> 
+        <td colspan="2">Wind speed (m/s)  </td>
+        <td></td>
+      </tr>     
+      <tr>
+        <td  rowspan="1"  style="height:100px;text-align:right;"><img src="imgs/colorbarJET.png" height="100" width="20">   </td>          
+        <td>- 3.5<p style="margin-top: 78px;"><p> - 0</td>
+      </tr>
+    </table>
   </div>
-
   <footer>
     <p align="center">
       <h5>Copyright &copy; 2018 - 2020, HFT-Stuttgart. All rights reserved</h5>

public/css/myCesiumStyle.css

@@ -51,8 +51,8 @@ h3 {
 
 .titleFigure {
   margin: 2px 0;
-  height: 12%;
-  width: 8%;
+  /* height: 20%; */
+  width: 22%;
 }
 
 .cesium-infoBox-visible {

public/iStoeckStreams.html

@@ -34,9 +34,19 @@
   <div id="cesiumContainer" class="pagecesium">
 
     <div id="legend">
-      <p>Wind speed (m/s)</p>
+      <!-- <p>Wind speed (m/s)</p>
       <div class="inner"></div>
-    </div>
+    </div> -->
+    <table>
+      <tr style="height: 30px;vertical-align: top;"> 
+        <td colspan="2">Wind speed (m/s)  </td>
+        <td></td>
+      </tr>     
+      <tr>
+        <td  rowspan="1"  style="height:100px;text-align:right;"><img src="imgs/colorbarJET.png" height="100" width="20">   </td>          
+        <td>- 3.5<p style="margin-top: 78px;"><p> - 0</td>
+      </tr>
+    </table>
   </div>
 
   <footer>