function renderRectangle(config,first_time){

    if(first_time){
        var svg = d3.select(config.dom_element).append("svg")
        .style("width", config.width + config.margin.left + config.margin.right)
        .style("height", config.height + config.margin.top + config.margin.bottom);

        svg
        .append("rect")
        .style("x",config.x)
        .style("y",config.y)
        .style("fill",config.fill_color)
        .style("stroke",config.stroke_color)
        .style("stroke-width",config.stroke_width)
        .style("height",config.height)
        .style("width",config.width)

        $("#x").val(config.x);
        $("#y").val(config.y);
        $("#width").val(config.width);
        $("#height").val(config.height);
        $("#strokeColor").val(config.stroke_color);
        $("#strokeWidth").val(config.stroke_width);
        $("#fillColor").val(config.fill_color);

    }else{
        var dom_element = d3.select("svg")
        .style("width", config.width + config.margin.left + config.margin.right)
        .style("height", config.height + config.margin.top + config.margin.bottom);

        dom_element.select("rect")
        .style("x",config.x)
        .style("y",config.y)
        .style("fill",config.fill_color)
        .style("stroke",config.stroke_color)
        .style("stroke-width",config.stroke_width)
        .style("height",config.height)
        .style("width",config.width);
    }
}