title: Problems converting from shape to topojson
body: <p>I'm trying to convert a shapefile of mexican municipalities into a topojson and displaying it using d3.js using this tutorial <a href="http://bost.ocks.org/mike/map/#converting-data">http://bost.ocks.org/mike/map/#converting-data</a>. I've managed to convert it but I can't manage to display it. Any help will be greatly appreciated. </p>
  
  <p>This is my workflow so far:</p>
  
  <p>1) Download and unzip the shapefile</p>
  
  <pre><code>wget http://mapserver.inegi.org.mx/MGN/mgm2010v5_0a.zip 
  unzip mgm2010v5_0a.zip 
  </code></pre>
  
  <p>2) Converting to JSON, reprojecting to lat-long and subsetting the shapefile</p>
  
  <pre><code>ogr2ogr  -f GeoJSON -t_srs EPSG:4326 -where "CVE_ENT IN ('09')" df.json Municipios_2010_5A.shp
  </code></pre>
  
  <p>3) Converting to topojson</p>
  
  <pre><code>topojson --id-property OID -p name=OID -p name -o df2.json df.json 
  </code></pre>
  
  <p>4) And creating the html code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;style&gt;
  
  /* CSS goes here. */
  
  &lt;/style&gt;
  &lt;body&gt;
  &lt;script src="http://d3js.org/d3.v3.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://d3js.org/topojson.v1.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  var width = 960,
  height = 1160;
  
  var svg = d3.select("body").append("svg")
  .attr("width", width)
  .attr("height", height);
  
   d3.json("df2.json", function(error, df2) {
   svg.append("path")
    .datum(topojson.feature(df2, df2.objects.df))
    .attr("d", d3.geo.path().projection(d3.geo.mercator()));
   });
  
   &lt;/script&gt;
  </code></pre>
  
  <p>If I run the html I just get a blank page. Any ideas about what I might be doing wrong?</p>