title: Error while rendering D3 pie chart (not displaying properly)
body: <p>I have a weird issue using Ember 1.11 (built with ember-cli) and <a href="http://d3pie.org/" rel="nofollow">D3 Pie chart</a>. 
  The chart is not displayed properly on ember routes, only on the index route (index.hbs).</p>
  
  <p>The generated HTML code is the same on routes templates and index.hbs. I've used the same view/component on index.hbs as on routes.</p>
  
  <p>Weirdly enough, I can fix this issue if by going to Inspect Element and removing the entire <code>&lt;head&gt;&lt;/head&gt;</code> tag. (Removing the content line by line does not fix it!)</p>
  
  <p>I've installed a sample Ember application <a href="http://weird.ember.socketo.com/" rel="nofollow">here.</a> On the index you will see the chart. On the menu routes, there is the same chart (rendered with same view as it was rendered on index.hbs), but not displayed properly (it works a bit when you hover over that area).</p>
  
  <p>The HTML code generated by the chart view is the same on all pages. If you copy the code from <code>&lt;div id="pieChart"&gt;..&lt;/div&gt;</code> and paste it in a empty static html page, the chart will be rendered correctly.</p>
  
  <p>This issue can be reproduced using: Firefox/Chrome. In safari it seems to work.</p>
  
  <p><a href="http://paste2.org/C2ZDK7n3" rel="nofollow">Here</a> is a paste2 which renders the chart.</p>
  
  <p>The entire application code before build can be found <a href="http://weird.ember.socketo.com/d3app.zip" rel="nofollow">here</a>.</p>
  
  <p>Edit: I've also reported this issue on github, <a href="https://github.com/emberjs/ember.js/issues/10923" rel="nofollow">here</a>.</p>