Programmatically generate SVG (vector) images, animations, and interactive Jupyter widgets
1<?xml version="1.0" encoding="UTF-8"?> 2<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 3 width="200" height="200" viewBox="0 0 200 200"> 4<defs> 5<clipPath id="clip0"> 6<rect x="100" y="100" width="100" height="100" /> 7</clipPath> 8</defs> 9<rect x="100" y="100" width="100" height="100" stroke="gray" fill="none" /> 10<circle cx="100" cy="100" r="100" fill="none" stroke="gray" stroke-dasharray="5 5" /> 11<circle cx="100" cy="100" r="100" fill="cyan" clip-path="url(#clip0)" /> 12</svg>