colR = d3.interpolateYlOrRd //d3.interpolateViridis //d3.interpolateOrRd
cols = Array.from({ length: nbCl }, (_, i) => colR(i / (nbCl - 1)))
col = d3.scaleQuantile().range(cols)
colIni = (cells, r, zf) => {
col.domain(cells.filter((c) => c.ind).map((c) => c.ind));
return col;
}
color = (c, colInfo) => colInfo(c.ind)
style = new gviz.Style({
drawFun: (cells, r, cg) => {
const colInfo = colIni(cells, r);
cg.setCanvasTransform();
for (let c of cells) {
cg.ctx.fillStyle = color(c, colInfo);
cg.ctx.fillRect(c.x, c.y, r, r);
}
}
})
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.
