var width = 175,height = 175,radius = Math.min(width, height) / 2,donutWidth = 23;
var color = d3.scaleOrdinal(d3.schemeCategory20);
var data = [
    {
        user:'Bob',
    value: 100
    },
  {
    user:'Danny',
    value: 200
  }
];

function render(data) {
    //data = [100,250];
    var svg = d3.select("#pot").append("svg")
        .attr("width", width)
        .attr("height", height)
    var svg_g = svg.append("g").attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

    var pie = d3.pie()
        .sort(null);
    var arc = d3.arc()
        .innerRadius(radius - donutWidth)
        .outerRadius(radius);
    var path = svg_g.selectAll("path")
        .data(pie(data));
    var pathEnter = path.enter().append("path")
        .attr("fill", function(d, i) {
                return color(i);
            })
            .attr("d", arc)
        var pathUpdate = path.attr("d", arc);
    }

    render(data);