circularData.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
  <meta charset="utf-8">
  <title>Stuttgart</title>
  <link rel="stylesheet" href="css/myCesiumStyle.css">
  <link rel="stylesheet" href="css/legend.css">
  <link href="https://cesium.com/downloads/cesiumjs/releases/1.81/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery-2.2.4.min.js"
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"
    integrity="sha256-1A78rJEdiWTzco6qdn3igTBv9VupN3Q1ozZNTR4WE/Y=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"
    integrity="sha256-0rguYS0qgS6L4qVzANq4kjxPLtvnp5nn2nB5G1lWRv4=" crossorigin="anonymous"></script>
  <script src="https://cesium.com/downloads/cesiumjs/releases/1.81/Build/Cesium/Cesium.js"></script>
  <script src="https://d3js.org/d3-dsv.v1.min.js"></script>
  <script src="https://d3js.org/d3-fetch.v1.min.js"></script>

</head>

<body>
  <header>
    <img src="imgs/icity.png" class="titleFigure">
    <h2> TP2.4 - Prototyp 5: Webbasierte Visualisierung von CFD Simulationsdaten </h2>


  </header>

  <script src="circData.js"></script>
  <div id="cesiumContainer" class="pagecesium">

    <div id="legend">
      <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>- 6.9<p style="margin-top: 78px;">
            <p> - 0
          </td>
        </tr>
      </table>
    </div>

  </div>

  <footer>
    <p align="center">
      <h5>Copyright &copy; 2018 - <span id='year'></span>, HFT-Stuttgart. All rights reserved</h5>
    </p>
  </footer>

  <script>
    var year = new Date().getFullYear();
    document.getElementById('year').innerHTML = year;
  </script>

</body>