Flag of Bahamas

forked from zaccagbj's block: Flag of France

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:100%; height: 100% }
  </style>
</head>

<body>
  <script>
    // Feel free to change or delete any of the code you see!
    var svg = d3.select("body").append("svg")
    svg.append("rect")
      .attr("x", 0)
    	.attr("y",100)
    	.attr("width", (600))
    	.attr("height", (100))
      .style({ fill: "#00c3d1"})
     
    svg.append("rect")
			.attr("x",0)
    	.attr("y",200)
    	.attr("width", (600))
    	.attr("height", 100)
    	.style({ fill: "#FFD700"})
    
    svg.append("rect")
			.attr("x",0)
    	.attr("y",300)
    	.attr("width", (600))
    	.attr("height", 100)
    	.style({ fill: "#00c3d1"})
    
    svg.append("path")
    	.attr("x1",0)
    	.attr("x2",120)
    	.attr("y1",100)
    	.attr("y2",150)
    	.attr("stroke-width", 2)
     	
      
var lineData = [ { "x": 0,   "y": 100},  { "x": 259.8,  "y": 250},
                 { "x": 259.8,  "y": 250}, { "x": 0,  "y": 400},
                 { "x": 0,  "y": 100},  { "x": 0, "y": 100}];
var lineFunction = d3.svg.line()
                         .x(function(d) { return d.x; })
                         .y(function(d) { return d.y; })
                         .interpolate("linear");
    var lineGraph = svg.append("path")
                           .attr("d", lineFunction(lineData))
                           .attr("stroke", "black")
                           .attr("stroke-width", 2)
                           .attr("fill", "black");

</script>
</body>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js