dataVisualization/index.html at master · seanJosephFitzpatrick/dataVisualization · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script src="JQuery/jquery-2.2.3.js"></script>
	<script src="Javascript/postRequest.js"></script>
	<script src="Javascript/animate.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>

    <title>Data visualization</title>
</head>

<body>

    <h1 align="center">Population of Ireland by County and Gender CSO 2011</h1>

    <form>

          <legend>Male</legend>
          <p>
             <label>Select County</label>
             <select id = "countyListm" onchange="postRequest()">


			   <option value = "Carlow">Carlow</option>
			   <option value = "Cavan">Cavan</option>
			   <option value = "Clare">Clare</option>
			   <option value = "Cork">Cork</option>
			   <option value = "Dublin">Dublin</option>
			   <option value = "Donegal">Donegal</option>
			   <option value = "Galway">Galway</option>
			   <option value = "Kerry">Kerry</option>
			   <option value = "Kildare">Kildare</option>
			   <option value = "Kilkenny">Kilkenny</option>
			   <option value = "Laois">Laois</option>
			   <option value = "Leitrim">Leitrim</option>
			   <option value = "Limerick">Limerick</option>
			   <option value = "Longford">Longford</option>
			   <option value = "Louth">Louth</option>
			   <option value = "Mayo">Mayo</option>
			   <option value = "Meath">Meath</option>
			   <option value = "Monaghan">Monaghan</option>
			   <option value = "North Tipperary">North Tipperary</option>
			   <option value = "Offaly">Offaly</option>
			   <option value = "Roscommon">Roscommon</option>
			   <option value = "Sligo">Sligo</option>
			   <option value = "South Tipperary">South Tipperary</option>
			   <option value = "Waterford">Waterford</option>
			   <option value = "Westmeath">Westmeath</option>
			   <option value = "Wexford">Wexford</option>
			   <option value = "Wicklow">Wicklow</option>
             </select>
          </p>

    </form

	 <form>

          <legend>Female</legend>
          <p>
             <label>Select County</label>
             <select id = "countyListf" onchange="postRequest()">


			   <option value = "Carlow">Carlow</option>
			   <option value = "Cavan">Cavan</option>
			   <option value = "Clare">Clare</option>
			   <option value = "Cork">Cork</option>
			   <option value = "Dublin">Dublin</option>
			   <option value = "Donegal">Donegal</option>
			   <option value = "Galway">Galway</option>
			   <option value = "Kerry">Kerry</option>
			   <option value = "Kildare">Kildare</option>
			   <option value = "Kilkenny">Kilkenny</option>
			   <option value = "Laois">Laois</option>
			   <option value = "Leitrim">Leitrim</option>
			   <option value = "Limerick">Limerick</option>
			   <option value = "Longford">Longford</option>
			   <option value = "Louth">Louth</option>
			   <option value = "Mayo">Mayo</option>
			   <option value = "Meath">Meath</option>
			   <option value = "Monaghan">Monaghan</option>
			   <option value = "North Tipperary">North Tipperary</option>
			   <option value = "Offaly">Offaly</option>
			   <option value = "Roscommon">Roscommon</option>
			   <option value = "Sligo">Sligo</option>
			   <option value = "South Tipperary">South Tipperary</option>
			   <option value = "Waterford">Waterford</option>
			   <option value = "Westmeath">Westmeath</option>
			   <option value = "Wexford">Wexford</option>
			   <option value = "Wicklow">Wicklow</option>
             </select>
          </p>

    </form>

<button id="btnPie" onclick="Pie()" >Pie</button>
<button id="btnBar" onclick="Bar()" >Bar</button>


	<script type="text/javascript">
		postRequest();
	</script>

</body>

</html>