title: Rendering a map on ie8 with D3
body: <p>I know that D3 does not support IE8 but I'm hoping to find something that will work.</p>
  
  <p>I am trying to use R2D3 <a href="https://github.com/mhemesath/r2d3" rel="nofollow noreferrer">https://github.com/mhemesath/r2d3</a>, but the map I am creating still isn't rendering.  With r2d2 loaded in the head of the page I have:</p>
  
  <pre><code>projection = d3.geo.albersUsa()
    .scale(700)
    .translate([1000*0.3, 400*0.4])
  
  path = d3.geo.path()
  
  mapData = topojson.features(mapJSON, mapJSON.objects.states)
  
  d3.select('svg')
    .append('path')
    .attr('class', 'states')
    .datum(mapData)
    .attr('d', path.projection(projection))
  </code></pre>
  
  <p>This renders fine in chrome but in ie8 it unsurprising does not work.</p>
  
  <p>With r2d3 it renders </p>
  
  <pre><code>&lt;svg width="675" height="290"&gt;
      &lt;path class="states" __data__='[object object]' d="
  &lt;/svg&gt;
  </code></pre>
  
  <p>So it would appear that the callback of <code>path.projection(projection)</code> is not actually being executed or not returning anything. And thus braking the html. </p>
  
  <p>Furthermore, I was under the impression that r2d3 would degrade to non-svg elements in ie8.  </p>
  
  <p>Anyone have experience in rendering a d3 map in ie8?</p>
  
  <p>I've seen <a href="https://stackoverflow.com/questions/16828501/making-d3-js-compatible-with-ie8-ie9">Making d3.js compatible with IE8/IE9</a>, <a href="https://github.com/mbostock/d3/issues/619" rel="nofollow noreferrer">https://github.com/mbostock/d3/issues/619</a> among many others.</p>