D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
DDDDDanica
Full window
Github gist
SVG House
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 height="1200" width="800" style="background-color: #ededed;"> <g> <path d="M 10 120 C 10 120, 120 10, 240 120 z" stroke="hotpink" fill="hotpink"></path> <rect width="230" height="200" x="10" y="120" stroke="hotpink" fill="transparent"></rect> <circle cx="80" cy="200" r="30" stroke="black" fill="transparent"></circle> <line x1="50" y1="200" x2="110" y2="200" stroke-width="1" stroke="black"/> <line x1="80" y1="170" x2="80" y2="230" stroke-width="1" stroke="black"/> <rect width="60" height="120" x="160" y="200" stroke="hotpink" fill="hotpink" style="opacity: 0.6"></rect> <circle cx="210" cy="280" r="2" stroke="black" fill="black" style="opacity: 0.6"></circle> </g> </filter> <svg> </body>
https://d3js.org/d3.v4.min.js