Published unlisted
Edited
May 20, 2020
x0 = d3.scaleLinear().domain([70, 210])
x0.ticks(2)
d3.tickIncrement(...x0.domain(), 2)
x1 = x0.copy().nice(2)
x1.domain()
x1.ticks(2)
d3.tickIncrement(...x1.domain(), 2)
x2 = x0.copy().domain([50, 250])
x2.ticks(3)
x2.ticks(2)
x3 = x0.copy().nice(2).nice(2)
x3.domain()
x3.ticks(2)
nice(70, 210, 2)
function nice(start, stop, count) {
let prestep;
while (true) {
const step = tickIncrement(start, stop, count);
if (step === prestep) {
return step;
} else if (step > 0) {
start = Math.floor(start / step) * step;
stop = Math.ceil(stop / step) * step;
} else if (step < 0) {
start = Math.ceil(start * step) / step;
stop = Math.floor(stop * step) / step;
} else {
return NaN;
}
prestep = step;
}
}
tickIncrement = d3.tickIncrement
d3 = require("d3-scale@3", "d3-array@2")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
