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,20 L300,20" stroke="gray" /> 7<g stroke-width="20" stroke="black" fill="none"> 8<path d="M10,80 L50,20 L90,80" stroke-linejoin="miter" /> 9<path d="M110,80 L150,20 L190,80" stroke-linejoin="round" /> 10<path d="M210,80 L250,20 L290,80" stroke-linejoin="bevel" /> 11</g> 12</svg>