D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
andrewdblevins
Full window
Github gist
Smile
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; } svg{ border: 1px solid #000} </style> </head> <body> <svg width=960 height=500> <g transform="translate(-56,-93)"> <g transform="translate(324,307)scale(.5)"> <path d='M0,25 L25,0 L50,25 L75,0 L100,25 L50,75 Z' fill='Crimson' stroke='black'/> </g> <g transform="translate(420,307)scale(.5)"> <path d='M0,25 L25,0 L50,25 L75,0 L100,25 L50,75 Z' fill='Crimson' stroke='black'/> </g> <path d='M 350 400 Q 400 500 450 400 ' fill='none' stroke='black' stroke-width='3px'/> </g> </svg> </body>
https://d3js.org/d3.v4.min.js