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="300" height="200" viewBox="0 0 300 200"> 4<defs> 5<rect x="70" y="80" width="60" height="40" stroke="black" fill="none" id="scalecenter0" /> 6</defs> 7<circle cx="100" cy="100" r="4" fill="black" /> 8<use xlink:href="#scalecenter0" /> 9<use xlink:href="#scalecenter0" x="0" y="0" transform="translate(-100,-100) scale(2)" stroke-width="0.5" /> 10<use xlink:href="#scalecenter0" x="0" y="0" transform="translate(-150,-150) scale(2.5)" stroke-width="0.4" /> 11<use xlink:href="#scalecenter0" x="0" y="0" transform="translate(-200,-200) scale(3)" stroke-width="0.33" /> 12</svg>