d3.js: v5: scaling number of ticks with window's inner width

d3-scaling-tick-number-with-window-inner-width.js

var xScale = d3.scaleTime()
  .domain(d3.extent(data, function(d) { return d.key; })) // Input
  .range([0, width]); // output

// Quantize 400px - 1600px window range
var tickScale = d3.scaleQuantize()
  .domain([400, 1600])
  .range([3, 7, 10]);

// Set number of ticks based on window height
svg.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(0," + height + ")")
  .call(d3.axisBottom(xScale).ticks(tickScale(window.innerWidth)));