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="250" height="120" viewBox="0 0 250 120"> 4<defs> 5</defs> 6<path d="M75,100 L75,0" stroke="gray" /> 7<path d="M140,30 L250,30" stroke="gray" /> 8<path d="M140,60 L250,60" stroke="gray" /> 9<path d="M140,90 L250,90" stroke="gray" /> 10<text x="75" y="30" font-size="24" text-anchor="start">Start</text> 11<text x="75" y="60" font-size="24" text-anchor="middle">Middle</text> 12<text x="75" y="90" font-size="24" text-anchor="end">End</text> 13<text x="150" y="30" font-size="24" dominant-baseline="auto">Auto</text> 14<text x="150" y="60" font-size="24" dominant-baseline="middle">Middle</text> 15<text x="150" y="90" font-size="24" dominant-baseline="hanging">Hanging</text> 16</svg>