img/explainer-3-unhosted-scoured.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="439" height="273"  xml:space="preserve" id="canvas4">
    <!-- Generated by PaintCode (www.paintcodeapp.com) -->
    <rect id="canvas4-rectangle" stroke="rgb(122, 60, 33)" stroke-width="3" fill="rgb(243, 121, 67)" x="60" y="20" width="100" height="100" rx="10" />
    <text  fill="rgb(0, 0, 0)" font-family="'Open Sans', sans-serif" font-size="32" x="80.66" y="20" text-anchor="middle"><tspan x="110" y="81">App</tspan></text>
    <path id="canvas4-bezier2" stroke="rgb(67, 97, 124)" stroke-width="3" stroke-miterlimit="10" fill="rgb(135, 193, 247)" d="M 370.3,22.65 L 370.69,22.75 C 373.27,23.69 375.31,25.73 376.25,28.31 377,30.68 377,32.88 377,37.29 L 377,106.71 C 377,109.84 377,111.86 376.76,113.48 376.92,113.81 377,114.15 377,114.5 377,120.3 354.61,125 327,125 299.39,125 277,120.3 277,114.5 277,114.15 277.08,113.8 277.25,113.45 277,111.74 277,109.75 277,106.71 L 277,37.29 C 277,32.88 277,30.68 277.65,28.7 L 277.75,28.31 C 278.69,25.73 280.73,23.69 283.31,22.75 285.68,22 287.88,22 292.29,22 L 361.71,22 C 366.12,22 368.32,22 370.3,22.65 Z M 370.3,22.65" />
    <ellipse id="canvas4-oval" stroke="rgb(67, 97, 124)" stroke-width="3" fill="rgb(135, 193, 247)" cx="327" cy="27.5" rx="50" ry="10.5" />
    
    <text  fill="rgb(0, 0, 0)" font-family="'Open Sans', sans-serif" font-size="32" x="292.51" y="25" text-anchor="middle"><tspan x="326" y="86">Data</tspan></text>
    <rect id="canvas4-rectangle3" stroke="rgb(67, 97, 124)" stroke-width="3" fill="rgb(135, 193, 247)" x="34" y="188.5" width="374.5" height="62.5" rx="10" />
    <text  fill="rgb(0, 0, 0)" font-family="'Open Sans', sans-serif" font-size="32" x="162.02" y="188.5" text-anchor="middle"><tspan x="221.25" y="230.5">Browser</tspan></text>
    <path id="canvas4-bezier12" stroke="rgb(0, 0, 0)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" d="M 1,12 L 39,12 M 0,12 L 12,-0 M 0,12 L 12,24" transform="translate(96.5, 175.5) rotate(-90)"  />
    <path id="canvas4-bezier" stroke="rgb(0, 0, 0)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" d="M 1,12 L 39,12 M 0,12 L 12,-0 M 0,12 L 12,24 M 40.5,12 L 28.5,-0 M 29,24 L 40.5,12" transform="translate(312.5, 175.5) rotate(-90)"  />
</svg>