SVG responsive chart

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1160 1300" preserveAspectRatio="none">
    <defs>
        <style>
            .c,.d{fill:none}.d{stroke:#f3f}.c,.d{stroke-linecap:round}.c{stroke:#000;stroke-width:16px}.d{stroke-width:12px}
            path, line {vector-effect: non-scaling-stroke}
        </style>
    </defs>
    <g transform="translate(-309 -243)">
        <rect width="1160" height="1300" transform="translate(309 243)" style="fill:none"/>
        <path d="M1392,1595l-112,218,153,213,256,218,96,220-120,217" transform="translate(-498 -1253)" style="stroke-miterlimit:10;stroke-width:2px;stroke:#f3f;fill:none"/>
        <g transform="translate(892.5 342.5)">
            <line class="c" y2="0.1"/>
            <line class="d" y2="0.1"/>
        </g>
        <g transform="translate(784.5 559.5)">
            <line class="c" y2="0.1"/>
            <line class="d" y2="0.1"/>
        </g>
        <g transform="translate(937.5 774.5)">
            <line class="c" y2="0.1"/>
            <line class="d" y2="0.1"/>
        </g>
        <g transform="translate(1190.5 992.5)">
            <line class="c" y2="0.1"/>
            <line class="d" y2="0.1"/>
        </g>
        <g transform="translate(1281.5 1208.5)">
            <line class="c" y2="0.1"/>
            <line class="d" y2="0.1"/>
        </g>
        <g transform="translate(1170.5 1425.5)">
            <line class="c" y2="0.1"/>
            <line class="d" y2="0.1"/>
        </g>
    </g>
</svg>