SVG Sandbox

SVG experiments

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<svg id="svg" width="400" height="300" viewBox="-200 200 200 100" preserveAspectRatio="xMaxYMax none">

<path d="M170 210 C 180 150, 220 150, 230 210" stroke="black" fill="gray"/>
<line x1="170" y1="210" x2="230" y2="210" stroke="black"></line>
</svg>

<div id="info"></div>

CSS

#svg {
    border: 1px solid black;
}