D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
Charisma9
Full window
Github gist
House / d3
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="500" height="550"> <rect x="0" y="0 " width="700" height="600" style="fill:blue"></rect> <path d="M 150 200 L 200 150 L 350 200 Z"></path> <rect x="150" y="200" width="200" height="100" style="fill:RED"></rect> <rect x="350" y="250" width="100" height="50" style="fill:RED"></rect> <circle cx="400" cy="60" r="50" style="fill:yellow"></circle> <rect x="0" y="300 " width="700" height="600" style="fill:green"></rect> <path d="M 350 250 L "></path> <g transform="translate(170, 260) rotate(270) scale(0.75)"> <rect width="50" height="100" style="fill:white"></rect> <rect width="-10" height="100" style="fill:white"></rect> </g> <path d="M 200 300 L 250 300 L 350 550 L 100 550 Z" style="fill:white"></path> </svg> </body>
https://d3js.org/d3.v4.min.js