Any idea why I can't see two separate rectangles?

One another thing I had to do to fix this space issue is the following:

Introduced an additional scale for X-axis and used the width as the range and then used that in my x attribute callback like this attr("cx",cir => timeScaleX(new Date(cir.Timestamp))). I hope it’s not redundant to introduce additional scale just for handling spacing issue?