Irish Property Data

Proof of concept of Irish Property Dashboard displaying number and price variance throughout the Republic.

Dummy data used data is scraped.

http://eoinkilbride.com

<!DOCTYPE html>
<meta charset="utf-8">
<style>

body{
    font-family: sans-serif;
}

text { 
	font-family: sans-serif;
	font-weight: normal;
}

.path { 
    stroke: grey;
    fill: none;
	
}

.axis {
    fill: none;
    stroke: grey;
    
}

.axis text{
	stroke: none;
	fill: grey;
}

.axis path{
	 display: none;  
}

.tick line{
	stroke: white;
}

.area {
    fill: #cec6b9;
    stroke-width: 0;
	
}

</style>

<body style="width: 100%">
<head>
	<title>Irish Property Market- Under Development</title>
</head>

<h3>Irish Property Data Proof of Concept (Dummy Data)</h3>
  
<div >
	<div style="padding-left: 10px">
		<div width = "200px" id="canvasDiv_geo" style=" position: fixed">
		<svg id="ireland_svg"id="color-fill"  xmlns="https://www.w3.org/2000/svg" version="1.1" width="200px" height="300px" xmlns:xlink="https://www.w3.org/1999/xlink">
		</svg>
		</div>
		
		<div style="float: right;  top: 320px; position: fixed" >
			<form action="">
			Order:<br/>
			  <input type="radio" name="gender" checked onclick="order_abc()"> Alphabetically<br>
			  <input type="radio" name="gender" onclick="order_123()"> Numerically
			</form>
			<br>
			<form action="">
			Province:<br/>
			  <input type="checkbox" name="gender" value="Leinster" checked onclick="toggle_province('Leinster')"> Leinster<br>
			  <input type="checkbox" name="gender" value="Munster" checked onclick="toggle_province('Munster')"> Munster<br>
			  <input type="checkbox" name="gender" value="Connacht" checked onclick="toggle_province('Connacht')"> Connacht<br>
			  <input type="checkbox" name="gender" value="Ulster" checked onclick="toggle_province('Ulster')"> Ulster<br>
			</form>
			
		</div>
		
		<div style="position: fixed; left: 200px">
		<div id="canvasDiv_grid" >
		<svg id="ireland_grid"id="color-fill"  xmlns="https://www.w3.org/2000/svg" version="1.1" width="1100px" height="900px" xmlns:xlink="https://www.w3.org/1999/xlink">
		</svg>

</div>
	</div>

</body>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>

</html>

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js to a secure url

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://d3js.org/topojson.v1.min.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

https://d3js.org/d3.v3.min.js

https://d3js.org/topojson.v1.min.js