Data on the xAxis is not Aligned properly

Data on the xAxis is not Aligned properly
0

Hey campers!
I am struggling to build my first bar chart challenge from data visualization. The problem I am facing right now is bars not aligned properly on the xAxis. I am not good in d3.js and I can’t figure out how to solve this problem. Please can anyone help me out.
Here is the link to my project.
Bar Chart I know it doesn’t look I will add the styling later but for now the bars should be aligned properly with the xAxis.