Open your local copy of the following file in your web browser:

https://github.com/NickQiZhu/d3-cookbook-v2/blob/master/src/chapter5/ticks.html

In the following code example, we will customize the ticks, padding, and formatting of its label. Let's take a look at the code snippet first:

<script type="text/javascript"> 
    var height = 500,  
        width = 500,  
        margin = 25, 
        axisWidth = width - 2 * margin; 
     
    var svg = d3.select("body").append("svg") 
            .attr("class", "axis") 
            .attr("width", width) 
            .attr("height", height); 
     
    var scale = d3.scaleLinear() 
       ...