Rounded corner only on one side of svg

Question

I am trying to implement a bar chart like diagram. I have the following html element

Answer 1

Use the element with the arc command (http://devdocs.io/svg/attribute/d#arcto).

Syntax: a rx,ry x-axis-rotation large-arc-flag sweep-flag dx,dy