d3.js:axis

code:test.js

var width = 400, height = 400;

var svg = d3.select("body")

.append("svg")

.attr("width", width)

.attr("height", height);

var xscale = d3.scaleLinear()

var yscale = d3.scaleLinear()

var x_axis = d3.axisBottom()

.scale(xscale);

var y_axis = d3.axisLeft()

.scale(yscale);

svg.append("g")

.attr("transform", "translate(50, 10)")

.call(y_axis);

var xAxisTranslate = height/2 + 10;

svg.append("g")

.attr("transform", "translate(50, " + xAxisTranslate +")")

.call(x_axis)

https://img.shields.io/badge/D3.js-axis-F9A03C.svg?logo=D3.js&style=for-the-badge