docs/assets/sample-graph.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="487px" height="364px" viewBox="0 0 487 364" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
    <title>Artboard</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <rect id="path-1" x="59" y="44" width="368.848901" height="275.689938"></rect>
        <filter x="-4.1%" y="-5.4%" width="108.1%" height="110.9%" filterUnits="objectBoundingBox" id="filter-2">
            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.110309103 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
        </filter>
    </defs>
    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Rectangle" fill-rule="nonzero">
            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
            <use fill="#FFFFFF" xlink:href="#path-1"></use>
        </g>
        <g id="Group" transform="translate(90.000000, 70.000000)">
            <path d="M6.93847656,216.850586 C6.93847656,218.254239 6.68099216,219.319495 6.16601562,220.046387 C5.65103909,220.773278 4.89225762,221.136719 3.88964844,221.136719 C2.90526852,221.136719 2.15104429,220.780114 1.62695312,220.066895 C1.10286196,219.353675 0.833984443,218.315762 0.8203125,216.953125 L0.8203125,215.168945 C0.8203125,213.76985 1.08007553,212.71029 1.59960938,211.990234 C2.11914322,211.270179 2.8779247,210.910156 3.87597656,210.910156 C4.86035648,210.910156 5.61230209,211.257646 6.13183594,211.952637 C6.65136979,212.647627 6.9202473,213.671868 6.93847656,215.025391 L6.93847656,216.850586 Z M6.11816406,215.066406 C6.11816406,213.927078 5.93245628,213.065758 5.56103516,212.482422 C5.18961403,211.899086 4.62793345,211.607422 3.87597656,211.607422 C3.13769162,211.607422 2.5817076,211.89225 2.20800781,212.461914 C1.83430803,213.031578 1.64290369,213.87239 1.63378906,214.984375 L1.63378906,216.939453 C1.63378906,218.074224 1.82633271,218.94238 2.21142578,219.543945 C2.59651885,220.145511 3.15592081,220.446289 3.88964844,220.446289 C4.61881875,220.446289 5.17138484,220.152347 5.54736328,219.564453 C5.92334172,218.97656 6.11360675,218.11524 6.11816406,216.980469 L6.11816406,215.066406 Z" id="0" fill="#000000"></path>
            <polygon id="1" fill="#000000" points="79.4941406 221 78.6738281 221 78.6738281 212.03125 75.9667969 213.036133 75.9667969 212.270508 79.3574219 211.012695 79.4941406 211.012695"></polygon>
            <path d="M156.670898,221 L150.436523,221 L150.436523,220.371094 L153.847656,216.501953 C154.412763,215.850257 154.804686,215.312502 155.023438,214.888672 C155.242189,214.464842 155.351562,214.052411 155.351562,213.651367 C155.351562,213.022458 155.166994,212.524579 154.797852,212.157715 C154.428709,211.790851 153.920576,211.607422 153.273438,211.607422 C152.603512,211.607422 152.062339,211.821612 151.649902,212.25 C151.237465,212.678388 151.03125,213.234372 151.03125,213.917969 L150.217773,213.917969 C150.217773,213.357419 150.344237,212.847008 150.597168,212.386719 C150.850099,211.92643 151.210121,211.565268 151.677246,211.303223 C152.144371,211.041177 152.676429,210.910156 153.273438,210.910156 C154.1849,210.910156 154.89697,211.149412 155.409668,211.62793 C155.922366,212.106448 156.178711,212.758134 156.178711,213.583008 C156.178711,214.047854 156.034018,214.555987 155.744629,215.107422 C155.455239,215.658857 154.945967,216.347001 154.216797,217.171875 L151.441406,220.30957 L156.670898,220.30957 L156.670898,221 Z" id="2" fill="#000000"></path>
            <path d="M227.004883,215.579102 L227.852539,215.579102 C228.321942,215.579102 228.732095,215.495932 229.083008,215.32959 C229.433921,215.163248 229.701659,214.935386 229.88623,214.645996 C230.070802,214.356607 230.163086,214.022788 230.163086,213.644531 C230.163086,213.006507 229.983075,212.507489 229.623047,212.147461 C229.263019,211.787433 228.745772,211.607422 228.071289,211.607422 C227.433265,211.607422 226.910321,211.795408 226.502441,212.171387 C226.094562,212.547365 225.890625,213.042966 225.890625,213.658203 L225.070312,213.658203 C225.070312,213.143227 225.200194,212.672691 225.459961,212.246582 C225.719728,211.820473 226.07975,211.491212 226.540039,211.258789 C227.000328,211.026366 227.510739,210.910156 228.071289,210.910156 C228.973637,210.910156 229.684568,211.156248 230.204102,211.648438 C230.723635,212.140627 230.983398,212.8151 230.983398,213.671875 C230.983398,214.150393 230.83187,214.591307 230.528809,214.994629 C230.225747,215.397951 229.809898,215.699869 229.28125,215.900391 C229.901045,216.073569 230.370441,216.370929 230.689453,216.79248 C231.008465,217.214032 231.167969,217.716468 231.167969,218.299805 C231.167969,219.152022 230.889977,219.837888 230.333984,220.357422 C229.777992,220.876956 229.035161,221.136719 228.105469,221.136719 C227.513018,221.136719 226.969566,221.01823 226.475098,220.78125 C225.980629,220.54427 225.59782,220.21273 225.32666,219.786621 C225.0555,219.360512 224.919922,218.864912 224.919922,218.299805 L225.740234,218.299805 C225.740234,218.933271 225.961261,219.44938 226.40332,219.848145 C226.84538,220.24691 227.412757,220.446289 228.105469,220.446289 C228.811852,220.446289 229.36214,220.265139 229.756348,219.902832 C230.150555,219.540526 230.347656,219.015303 230.347656,218.327148 C230.347656,217.661781 230.134605,217.153648 229.708496,216.802734 C229.282387,216.451821 228.654627,216.276367 227.825195,216.276367 L227.004883,216.276367 L227.004883,215.579102 Z" id="3" fill="#000000"></path>
            <path d="M304.960938,217.793945 L306.512695,217.793945 L306.512695,218.484375 L304.960938,218.484375 L304.960938,221 L304.140625,221 L304.140625,218.484375 L299.458008,218.484375 L299.458008,218.019531 L304.06543,211.046875 L304.960938,211.046875 L304.960938,217.793945 Z M300.462891,217.793945 L304.140625,217.793945 L304.140625,212.106445 L303.77832,212.735352 L300.462891,217.793945 Z" id="4" fill="#000000"></path>
            <polyline id="Line-3" stroke="#2CC1FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill-rule="nonzero" points="303.5 0.5 228.625 102.744179 153.75 155.463834 78.875 55.6160028 4 200.5"></polyline>
            <g id="Axis" transform="translate(3.000000, 0.500000)" fill-rule="nonzero" stroke="#979797" stroke-linecap="square" stroke-width="2">
                <path d="M1,0 L1,200" id="Line"></path>
                <path d="M0.93620198,200.543785 L299.687499,200.543785" id="Line-2"></path>
            </g>
        </g>
    </g>
</svg>