I am new to D3.js and am trying to load a json file. I have followed a tutorial and am using the following code:

```
<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
<title>D3 World Map</title>
<style>
  path {
    stroke: white;
    stroke-width: 0.5px;
    fill: black;
  }
</style>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/topojson.v0.min.js"></script>
  </head>
  <body>
    <script type="text/javascript">
         var width = 900;
         var height = 600;

  var projection = d3.geo.mercator();

  var svg = d3.select("body").append("svg")
      .attr("width", width)
      .attr("height", height);
  var path = d3.geo.path()
      .projection(projection);
  var g = svg.append("g");

  d3.json("Census2011_Garda_Subdisticts.json", function(topology, error) {
      g.selectAll("path")
       .data(topology.features)
      .enter()
        .append("path")
        .attr("d", path)
  });
</script>

```

The structure of my json file is as follows:

{ "type": "Feature", "properties": { "REGION": "Southern Region", "REG\_CODE": "03", "DIVISION": "Cork West", "DIV\_CODE": "0319", "DISTRICT": "Bandon", "DIST\_CODE": "4300A", "SUB\_DIST": "Kinsale", "SUB\_IRISH": "Cionn tSáile", "SUB\_CODE": "4305B", "COUNTY\_1": "Cork", "COUNTY\_2": null, "GEOGID": "M4305B", "Male2011": 5765, "Female2011": 5963, "Total2011": 11728, "PPOcc2011": 4054, "Unocc2011": 1177, "Vacant2011": 1013, "HS2011": 5231, "PCVac2011": 19.4, "CREATEDBY": "Paul Creaner" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 154039.34449999966, 50090.991299999878 ], [ 154039.8311, 50105.332900000736 ], [ 154041.9757000003, 50130.335699999705 ] 

and so on with a long list of coordinates

However when I load this html file, I am just getting a blank screen. I have checked the console and am not getting errors (I previously was and resolved these).

Can anyone help? Any help greatly appreciated.

Thank you.