Built with blockbuilder.org
xxxxxxxxxx<head> <meta charset="utf-8"> <script src="https://d3js.org/d3.v4.min.js"></script> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } </style></head><body> <script> // Feel free to change or delete any of the code you see in this editor! var svg = d3.select("body").append("svg") .attr("width", 10000) .attr("height", 1000) svg.append("rect") .attr("y",100) .attr("x", 200) .attr("width", 50) .attr("height",100) .attr("fill", "blue"); svg.append("rect") .attr("y", 150) .attr("x", 250) .attr("width", 50) .attr("height",100) .attr("fill", "white"); svg.append("rect") .attr("y", 100) .attr("x", 300) .attr("width", 50) .attr("height",100) .attr("fill", "red"); svg.append("circle") .attr("cy", 220) .attr("cx", 620) .attr("r", 50) .attr("fill","red") svg.append("rect") .attr("y", 150) .attr("x", 510) .attr("width", 220) .attr("height",150) .attr("opacity", 0.15) .attr ("fill","white") .attr("stroke", "black") .attr("stoke_width",5) svg.append("rect") .attr("y",540) .attr("x", 200) .attr("width", 300) .attr("height",80) .attr("fill", "blue"); svg.append("rect") .attr("y", 620) .attr("x", 200) .attr("width", 300) .attr("height",80) .attr("fill", "yellow"); svg.append("rect") .attr("y", 700) .attr("x", 200) .attr("width", 300) .attr("height",80) .attr("fill", "blue"); svg.append("polygon") .attr ("fill","black") .attr("points", "100,100, 200, 250, 100, 400") </script></body> https://d3js.org/d3.v4.min.js