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="100" viewBox="0 0 300 100"> 4<defs> 5</defs> 6<path d="M0,10 L290,10" stroke="black" stroke-width="5" stroke-opacity="0.1" /> 7<rect x="0" y="70" width="50" height="50" fill="red" fill-opacity="0.1" /> 8<path d="M0,20 L290,20" stroke="black" stroke-width="5" stroke-opacity="0.30000000000000004" /> 9<rect x="60" y="70" width="50" height="50" fill="red" fill-opacity="0.30000000000000004" /> 10<path d="M0,30 L290,30" stroke="black" stroke-width="5" stroke-opacity="0.5" /> 11<rect x="120" y="70" width="50" height="50" fill="red" fill-opacity="0.5" /> 12<path d="M0,40 L290,40" stroke="black" stroke-width="5" stroke-opacity="0.7" /> 13<rect x="180" y="70" width="50" height="50" fill="red" fill-opacity="0.7" /> 14<path d="M0,50 L290,50" stroke="black" stroke-width="5" stroke-opacity="0.9" /> 15<rect x="240" y="70" width="50" height="50" fill="red" fill-opacity="0.9" /> 16</svg>