svg / d3.js rounded corner on one corner of a rectangle

Question

I know svg has an in built function to do rounded corners, but I need to do rounded corners on only 2 of the four corners.

I know I can draw multiple rectangles on t

Answer 1

I found myself with this problem recently in order to do a bar chart with top rounded corners in d3. I made a codesandbox demo of the solution I found.