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="550" height="370" viewBox="0 0 550 370"> 4<defs> 5</defs> 6<path d="M20,0 V370 M10,60 H500 M10,120 H500 M10,180 H500 M10,240 H500 M10,300 H500 M10,360 H500" stroke="gray" /> 7<text x="20" y="60" font-size="50">Simplest Text</text> 8<text x="20" y="120" font-size="50" stroke="black">Outline / Filled</text> 9<text x="20" y="180" font-size="50" stroke="black" stroke-width="5">Too big stroke</text> 10<text x="20" y="240" font-size="50" stroke="black" stroke-width="0.5" fill="none">Outlined only</text> 11<text x="20" y="300" font-size="50" stroke="black" fill="red">Outlined and colored</text> 12<text x="20" y="360" font-size="50" fill="blue">Colored fill only</text> 13</svg>