d-web/statistics.html at master · Team-Hawking/d-web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <meta charset="utf-8">
    <title>Dengue Hotspot Predictor</title>
  </head>

  <body>
    <div class="col-md-12">
      <h1>Statistics</h1>
      <br>
      <h4>Case study: Philippines </h4><br>
      <p>Reference:
        <a href="https://www.cambridge.org/core/journals/epidemiology-and-infection/article/effect-of-temperature-relative-humidity-and-rainfall-on-dengue-fever-and-leptospirosis-infections-in-manila-the-philippines/0BF42941BFD80CE886095D4C35203279/core-reader">Effect of temperature, relative humidity and rainfall on dengue fever and leptospirosis infections in Manila, the Philippines</a>
      </p>
      <p>
        Data:
        <a href="https://data.nasa.gov/dataset/USGS-Global-Forest-Observations-Initiative-GFOI-Ph/2hu7-vi2m">NASA - USGS Global Forest Observations Initiative (GFOI) Philippines</a>
      </p>
      <hr>
      <div class="row">
        <div class="col-md-6" style="">
          <!-- number of cases in 2013 -->
          <img src="./graphs/ph-cases/df_cases_2013.png"/>
        </div>
        <div class="col-md-6" style="">
          <!-- number of cases in 2013 -->
          <img src="./graphs/ph-cases/df-cases-line.png"/>
        </div>
      </div>

      <div class="row">
        <div class="col-md-6" style="">
          <!-- number of cases in 2013 -->
          <img src="./graphs/ph-cases/mean-temp-2013.png"/>
        </div>
        <div class="col-md-6" style="">
          <!-- number of cases in 2013 -->
          <img src="./graphs/ph-cases/density-temp-2013.png"/>
        </div>
      </div>
    </div>
  </body>

  <!-- bootstrap stuffs -->
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</html>