hackaviz2020/index.html at master · vvivanloc/hackaviz2020 · 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
51
52
53
54
55
56
57
58
59
60
<html>

<head>
  <link rel="stylesheet" href="thirdparty/bootstrap.min.css" />
  <script src="thirdparty/jquery.min.js"></script>
  <script src="thirdparty/popper.min.js"></script>
  <script src="thirdparty/bootstrap.min.js"></script>
  <!-- <script type="text/javascript" src="thirdparty/dygraph.min.js"></script> -->
  <!-- <script type="text/javascript" src="thirdparty/js-year-calendar.min.js"></script>
  <script src="thirdparty/locales/js-year-calendar.fr.js"></script> -->
  <!-- <link rel="stylesheet" href="thirdparty/dygraph.css" /> -->
  <link rel="stylesheet" href="assets/styles/main.css" />
</head>

<body>
  <div class="form">
    <label for="depSelector">Département</label>

    <select id="depSelector">
      <option value="09">Ariège (09)</option>
      <option value="11">Aude (11)</option>
      <option value="12">Aveyron (12)</option>
      <option value="30">Gard (30)</option>
      <option value="31">Haute-Garonne (31)</option>
      <option value="32">Gers (32)</option>
      <option value="34">Hérault (34)</option>
      <option value="46">Lot (46)</option>
      <option value="48">Lozère (48)</option>
      <option value="65">Hautes-Pyrénées (65)</option>
      <option value="66">Pyrénées-Orientales (66)</option>
      <option value="81">Tarn (81)</option>
      <option value="82">Tarn-et-Garonne (82)</option>
    </select>

    <button id="val" data-toggle="tooltip" data-placement="bottom" title="Affiche les nuitées de l'année">
      Nuitées
    </button>
    <button id="var" data-toggle="tooltip" data-placement="bottom"
      title="Affiche la variation de nuitées avec le jour précédent">
      Variations
    </button>
    <div class="spacer"></div>
    <a href="https://public.tableau.com/profile/vincent3704#!/vizhome/Classeur1_15845602565630/TourismeenOccitanie2018?publish=yes"><img title="Inclus dans la présentation Tableau" src="./assets/images/tableauPublic.png"
      alt="ToulouseDataViz"  height="32"></a>
    <a href="https://github.com/ToulouseDataViz/Hackaviz2020"><img title="Source de données: ToulouseDataViz" src="./assets/images/tdv.png"
        alt="ToulouseDataViz" width="32" height="32"></a>
    <a href="https://github.com/vvivanloc/hackaviz2020"><img title="GitHub" src="./assets/images/GitHub-Mark-32px.png"
        alt="GitHub" width="32" height="32"></a>

  </div>
  <!-- <div id="graphdiv"></div> -->
  <div class="calendar-container">
    <div id="calendar" class="calendar"></div>
  </div>
  <script type="text/javascript" src="./bundle.js">

  </script>
</body>

</html>