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="240" height="120" viewBox="0 0 240 120"> 4<defs> 5</defs> 6<g id="house" fill="none" stroke="black"> 7<rect x="6" y="50" width="60" height="60" /> 8<path d="M6,50 L36,9 L66,50" /> 9<path d="M36,110 L36,80 L50,80 L50,110" /> 10</g> 11<g id="man" fill="none" stroke="blue"> 12<circle cx="85" cy="56" r="10" /> 13<path d="M85,66 L85,80" /> 14<path d="M76,104 L85,80 L94,104" /> 15<path d="M76,70 L85,76 L94,70" /> 16</g> 17<g id="woman" fill="none" stroke="red"> 18<circle cx="110" cy="56" r="10" /> 19<path d="M110,66 L110,80 L100,90 L120,90 L110,80" /> 20<path d="M104,104 L108,90" /> 21<path d="M112,90 L116,104" /> 22<path d="M101,70 L110,76 L119,70" /> 23</g> 24</svg>