D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
wenzelmkay
Full window
Github gist
bahamamamas inline svg
Built with
blockbuilder.org
<!DOCTYPE html> <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> <svg width="300" height="150"> <g> <rect x="0" y="0" width="300" height="150" fill=#00ccff stroke="none"/> <rect x="0" y="50" width="300" height="50" fill="yellow" stroke="none"/> <text x="0" y="75" fill="white">BAHAMAS</text> <polygon fill="black" stroke="none" points="0,0 0,150 129.90,75"> </polygon> <text text-anchor="end" alignment-baseline="central" x="290" y="25" font-size="30" fill="gray" font-family="Verdana">WELCOME<tspan x="290" y="75" text-anchor="end" alignment-baseline="central">TO THE</tspan><tspan x="290" y="125" text-anchor="end" alignment-baseline="central" y=200>BAHAMAS!</tspan> </text> </svg> </body>
https://d3js.org/d3.v4.min.js