D3 Donut Chart Does Not Render

I'm trying to execute the Donut chart referred from http://bl.ocks.org/mbostock/3887193 . When i execute it , the chart does not render and it shows me blank page .Please help . Ba

Solution 1:

first, you should check the reference to the d3-library, i'm getting an error there. try using

<script src="http://d3js.org/d3.v3.min.js" type="text/javascript"></script>

second, you must position your body-div before the script, so the start of your code should look like

<div id="body" height="50%" width="500px" ></div> 
<script>
var width = 960,
    height = 500,
    radius = Math.min(width, height) / 2;
//...and so on