title: Rounded corner only on one side of svg <rect>
body: <p>I am trying to implement a bar chart like diagram. I have the following html element</p>
  
  <pre><code>&lt;rect x="35" y="-135" width="10" height="51" style="stroke: rgb(255, 255, 255); opacity: 0.8; fill: rgb(255, 122, 0);"&gt;&lt;/rect&gt;
  </code></pre>
  
  <p>I want to give the top <strong>corner of the rectangle a rounded shape</strong>.
  How is it possible?<br>
  I am not able to apply border-radius property.</p>