[Solved]-adding height or padding to d3 bottom axis-d3.js

adjust margin here:-

 var  margin = { top: 10, right: 30, bottom: 50, left: 20 };
var svg = d3.select('#some-id').append('svg')
      .attr('width', 500 + margin.right + margin.left)
      .attr('height', 500 + margin.top + margin.bottom);