nm2207/Final Project Document.html at main · bebinjoseph/nm2207 · 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My NM2207 Data Story</title>
    <script src="scripts/counter.js"></script>
    <link rel="stylesheet" href="styles/styles.css" />
  </head>
  <body>
    <h1>Hello world! 🚀</h1>
    <h3>Here is my Final Project document</h3>
    <table class="finalprojdoc">
      <tr>
        <th colspan="5">Final Project Document</th>
      </tr>
      <tr>
        <th>Week</th>
        <th>Concept</th>
        <th>How I've used it</th>
        <th>Line number</th>
        <th>Filename</th>
      </tr>
      <tr>
        <td>2</td>
        <td>HTML & CSS</td>
        <td>The webpage you are looking at now uses HTML & CSS</td>
        <td>Every line</td>
        <td>index.html, styles.css</td>
      </tr>
      <tr>
        <td>3</td>
        <td>Initialize variables</td>
        <td>Intialization of the variables involved in data visualization</td>
        <td>tbc</td>
        <td>counter.js</td>
      </tr>
      <tr>
        <td>4</td>
        <td>Document Object Model</td>
        <td>Usage of IDs & Classes to manipulate what the user sees</td>
        <td>tbc</td>
        <td>counter.js</td>
      </tr>
      <tr>
        <td>5</td>
        <td>Event Listeners</td>
        <td>Looking for changes to user actions to trigger changes to DOM such that user sees something different upon a click, etc</td>
        <td>tbc</td>
        <td>counter.js</td>
      </tr>
      <tr>
        <td>6</td>
        <td>Loops</td>
        <td>Used to help with classification of data which will eventually be used for data visualization</td>
        <td>tbc</td>
        <td>counter.js</td>
      </tr>
      <tr>
        <td>7</td>
        <td>Chart.js</td>
        <td>Data visualization of Indian & Chinese arms exports</td>
        <td>tbc</td>
        <td>counter.js</td>
      </tr>
      <tr>
        <td>8</td>
        <td>Data cleaning</td>
        <td>Processing the data of arms exports to prepare it for visualization</td>
        <td>NA</td>
        <td>Chinaarmsexports&Indiaarmsexports</td>
      </tr>
    </table>

    <!--<h3>Lady Liberty is hungry, please feed her!</h3>
    <h3 class="mouse">&#128509;</h3>
    <h3>Food counter: <span class="counter">0</span> 🥙</h3>
    <button>Feed!</button> -->
  </body>
</html>