title: SVG step chart with rounded corners
body: <p>How can I create step chart with smooth rounded corners like on example below?</p>
  
  <p><a href="https://i.stack.imgur.com/L8u9c.png" rel="nofollow noreferrer">Graph example</a></p>
  
  <p>Corners radius depends on coords-differences between steps.</p>
  
  <p>I used d3.js links and tried to create custom SVG-curves, but can't implement it right way.</p>
  
  <p>I'd appreciate any ideas. Maybe there is some lib for that?</p>
  
  <p>UPD: polyline code for @exaneta</p>
  
  <pre><code>&lt;polyline points="10,40 15,45 30,70 35,75" fill="none" stroke="black" stroke-width="1"&gt;&lt;/polyline&gt;
  </code></pre>