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<g id="arrow"> 6<path d="M110,100 L160,100" /> 7<path d="M160,100 L155,95 L155,105" /> 8</g> 9</defs> 10<circle cx="100" cy="100" r="3" fill="black" /> 11<use xlink:href="#arrow" x="0" y="0" stroke="black" fill="black" /> 12<g stroke="red" fill="red"> 13<use xlink:href="#arrow" x="0" y="0" transform="rotate (60,100,100)" /> 14<use xlink:href="#arrow" x="0" y="0" transform="rotate (-90,100,100)" /> 15<use xlink:href="#arrow" x="0" y="0" transform="rotate (-150,100,100)" /> 16</g> 17</svg>