D3 Examples - Irish Property Data

xxxxxxxxxx
 
​
​
<!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;
    <!-- shape-rendering:crispEdges; -->
}
​
.axis {
    fill: none;
    stroke: grey;
    <!-- shape-rendering:crispEdges; -->
}
​
.axis text{
    stroke: none;
    fill: grey;
}
​
​
​
.axis path{
     display: none;  
}
​
.tick line{
    stroke: white;
}
​
.area {
    fill: #cec6b9;
    stroke-width: 0;
    <!-- shape-rendering:crispEdges; -->
}
​
</style>
​
<!-- .subunit.SCT { fill: #ddc; }
.subunit.WLS { fill: #cdd; }
.subunit.NIR { fill: #cdc; }
.subunit.ENG { fill: #dcd; }
.subunit.IRL { fill: #dcd; } -->
<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>
​
​
 <script src="functions.js"></script>
 <script src="ireland.js"></script>
 
 
​
</html>
​
    