Make an axis

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>show an axis from loaded CSV</title>
<script src="https://d3js.org/d3.v3.min.js"></script>

</style>
</head>
<body>
<script type="text/javascript">

var dataset;  //Declare global var

d3.csv("data.csv", function(x) {
        //Hand CSV data off to global variable so it's accessible later.
        dataset = x;
        //Call some other functions that
        //generate your visualization, e.g.:
        axis();
        
});
          
            
function axis() {
                    
                    
     var x = d3.scale.linear()
    .domain([0,60])
    .range([0,400]);

var xAxis = d3.svg.axis()
    .scale(x)
    .orient('bottom')
    .tickPadding(8);

var svg = d3.select('body').append('svg')
    .attr('class', 'chart')
    .attr('width', 500)
    .attr('height', 500);

svg.append('g')
  .attr('class', 'x axis')
   .attr('transform', 'translate(80,80)')
  .call(xAxis);               
        
  };

</script>

</body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js