articles/tutorial/images/example01.svg


<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="169"
     height="169">
    <defs/>
    <g transform=" scale(0.81) translate(-131.65625,-175)">
        <rect x="249" y="189" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <rect x="249" y="249" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <path d="M 250 202 L 257 205 L 250 208" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 208 L 243 211 L 250 214" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 214 L 257 217 L 250 220" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 220 L 243 223 L 250 226" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 226 L 257 229 L 250 232" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 232 L 243 235 L 250 238" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 191 L 250 201" fill="#000000" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <path d="M 250 239 L 250 249" fill="#000000" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <rect x="226" y="190" width="16" height="14" fill-opacity="0"
              fill="#dae2f2" stroke="none" pointer-events="none"/>
        <g fill="#000000" font-family="Arial,Helvetica" font-weight="bold"
           text-anchor="middle" font-size="12px">
            <text x="234" y="201">
                R1
            </text>
        </g>
        <rect x="222" y="216" width="20" height="14" fill-opacity="0"
              fill="#dae2f2" stroke="none" pointer-events="none"/>
        <g fill="#000000" font-family="Arial,Helvetica" font-weight="bold"
           text-anchor="middle" font-size="12px">
            <text x="232" y="227">
                10k
            </text>
        </g>
        <rect x="249" y="269" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <rect x="249" y="329" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <path d="M 250 282 L 257 285 L 250 288" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 288 L 243 291 L 250 294" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 294 L 257 297 L 250 300" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 300 L 243 303 L 250 306" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 306 L 257 309 L 250 312" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 312 L 243 315 L 250 318" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 250 271 L 250 281" fill="#000000" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <path d="M 250 319 L 250 329" fill="#000000" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <rect x="226" y="270" width="16" height="14" fill-opacity="0"
              fill="#dae2f2" stroke="none" pointer-events="none"/>
        <g fill="#000000" font-family="Arial,Helvetica" font-weight="bold"
           text-anchor="middle" font-size="12px">
            <text x="234" y="281">
                R2
            </text>
        </g>
        <rect x="222" y="296" width="20" height="14" fill-opacity="0"
              fill="#dae2f2" stroke="none" pointer-events="none"/>
        <g fill="#000000" font-family="Arial,Helvetica" font-weight="bold"
           text-anchor="middle" font-size="12px">
            <text x="232" y="307">
                20k
            </text>
        </g>
        <path d="M 250 250 L 250 270" fill="none" stroke="#000000"
              stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="169" y="229" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <rect x="169" y="279" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <rect x="169" y="229" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <rect x="169" y="279" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <path d="M 152 251.53 C 188 251.53 188 251.53 188 251.53" fill="none"
              stroke="#000000" stroke-width="2" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 161 259 C 179 259 179 259 179 259" fill="none"
              stroke="#000000" stroke-width="2" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 170 231 L 170 251" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="square"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 170 259 L 170 279" fill="none" stroke="#000000"
              stroke-width="2" stroke-linejoin="round" stroke-linecap="square"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 152 241 C 162 241 162 241 162 241" fill="none"
              stroke="#000000" stroke-width="1.5" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 157 236 C 157 246 157 246 157 246" fill="none"
              stroke="#000000" stroke-width="1.5" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 152 251.53 C 188 251.53 188 251.53 188 251.53" fill="none"
              stroke="#000000" stroke-width="2" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 161 259 C 179 259 179 259 179 259" fill="none"
              stroke="#000000" stroke-width="2" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 170 231 L 170 251" fill="none" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <path d="M 170 259 L 170 279" fill="none" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <path d="M 152 241 C 162 241 162 241 162 241" fill="none"
              stroke="#000000" stroke-width="1.5" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 157 236 C 157 246 157 246 157 246" fill="none"
              stroke="#000000" stroke-width="1.5" stroke-linecap="round"
              stroke-miterlimit="10" pointer-events="none"/>
        <rect x="136" y="230" width="15" height="14" fill-opacity="0"
              fill="#dae2f2" stroke="none" pointer-events="none"/>
        <g fill="#000000" font-family="Arial,Helvetica" font-weight="bold"
           text-anchor="middle" font-size="12px">
            <text x="143.5" y="241">
                V1
            </text>
        </g>
        <path d="M 170 230 L 170 180 L 250 180 L 250 190" fill="none"
              stroke="#000000" stroke-width="2" stroke-miterlimit="10"
              pointer-events="none"/>
        <path d="M 170 280 L 170 340 L 250 340 L 250 330" fill="none"
              stroke="#000000" stroke-width="2" stroke-miterlimit="10"
              pointer-events="none"/>
        <rect x="169" y="339" width="2" height="2" fill="#000000" stroke="none"
              pointer-events="none"/>
        <path d="M 170 341 L 170 359" fill="#000000" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <path d="M 159 359.53 L 181 359.53 L 170 378.53 Z" fill="#ffffff"
              stroke="#000000" stroke-width="2" stroke-linejoin="round"
              stroke-linecap="square" stroke-miterlimit="10"
              pointer-events="none"/>
        <rect x="309" y="259" width="2" height="2" fill="#000000" stroke="none"
              transform="translate(300,0)scale(-1,1)translate(-300,0)"
              pointer-events="none"/>
        <path d="M 292 260 L 309 260" fill="#000000" stroke="#000000"
              stroke-width="2" stroke-linecap="square" stroke-miterlimit="10"
              transform="translate(300,0)scale(-1,1)translate(-300,0)"
              pointer-events="none"/>
        <path d="M 296.91 254.34 L 291.26 260 L 296.91 265.66" fill="none"
              stroke="#000000" stroke-width="2" stroke-linecap="square"
              stroke-miterlimit="10"
              transform="translate(300,0)scale(-1,1)translate(-300,0)"
              pointer-events="none"/>
        <rect x="310" y="257" width="26" height="14" fill-opacity="0"
              fill="#dae2f2" stroke="none" pointer-events="none"/>
        <g fill="#000000" font-family="Arial,Helvetica" font-weight="bold"
           text-anchor="middle" font-size="12px">
            <text x="323" y="268">
                OUT
            </text>
        </g>
        <path d="M 290 260 L 252 260" fill="none" stroke="#000000"
              stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <ellipse cx="250" cy="260" rx="2" ry="2" fill="#000000" stroke="#000000"
                 stroke-width="2" pointer-events="none"/>
    </g>
</svg>