caseStripes = {
const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]);
const stripeWidth = x(1) - x(0) + 1;
svg
.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr("height", height)
.attr("width", stripeWidth)
.attr("fill", (d) => (isNaN(d) ? "#f3efecff" : color(d)))
.attr("x", (d, i) => x(i))
.attr("y", 0);
return svg.node();
}
x = d3.scaleLinear().domain([0, data.length]).range([0, width])
x(1) - x(0)
color = d3
.scaleDiverging()
.domain([d3.max(data), 0, d3.min(data)])
.interpolator(d3.interpolateRdBu)
height = 400
data = {
let retval = new Array();
let index = 0;
let sum = 0;
firstDerivative.forEach((element) => {
index++;
sum += element;
if (index == 5) {
retval.push(sum);
index = 0;
sum = 0;
}
});
if (index > 0) retval.push(sum);
return retval;
// return firstDerivative.filter((d, i) => i >= firstDerivative.length - 220);
// return firstDerivative;
}
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.
