dvProject/energySources.html at master · Liathan/dvProject · 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
<!DOCTYPE HTML>
<html lang="en-us">

<head>
    <meta charset="utf-8">
    <!-- To manage incompatibility with older version of Internet Explorer / Edge -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- To manage the text respect to the device of the user (mobile, tablet, pc, and so on) -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Greenhouse gasses in Europe</title>
    <!-- Load an icon library to show a hamburger menu (bars) on small screens -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Fira+Sans">
    <script src="https://d3js.org/d3.v7.min.js"></script>
    <script src="js/init.js"></script>
</head>

<body>

    <header class="padding-header">
        <h1>Greenhouse gasses in Europe</h1>
        <h3>Andrea Marchi</h3>
    </header>
    <div id="myTopnav" class="topnav stickyNav ">
        <div class="content">
            <a href="index.html" >Home</a>
            <a href="index.html">Pollution Map</a>
            <a href="byActivity.html" >Pollution by Activity</a>
            <a href="#" class="active">Energy Sources</a>
            <a href="fuelType.html">Fuel Type</a>
            <a href="javascript:void(0);" class="icon" onclick="toggle_icon_menu_topnav()">
                <i class="fa fa-bars"></i>
            </a>
        </div>
    </div>
    <select id = "radarSelect" onchange="drawRadar()"></select>
    <div id = "radar" class="chart">
        <div class="explain">
            This plot is a radarchart, sometimes also called spider chart, used to display the distribution of energy produced by different sources, each with its own color,
            across years, the various axis. As before, on the top left we can select which country to show data and, over the mouse on the legend, highlight that portion of
            the plot.
        </div>
    </div>
    <script src="js/energy.js"></script>
</body>

</html>