d3.js:axis
座標軸
横軸、x軸
縦軸、Y軸
d3.js:軸
d3.js:selection
d3.js:座標
d3-axis
Create Axes in D3.js
code:test.js
var width = 400, height = 400;
var data = 10, 15, 20, 25, 30;
var svg = d3.select("body")
.append("svg")
.attr("width", width)
.attr("height", height);
var xscale = d3.scaleLinear()
.domain(0, d3.max(data))
.range(0, width - 100);
var yscale = d3.scaleLinear()
.domain(0, d3.max(data))
.range(height/2, 0);
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)
#d3.js-term
https://img.shields.io/badge/D3.js-axis-F9A03C.svg?logo=D3.js&style=for-the-badge