Published
Edited
Apr 28, 2021
Importers
12 stars
function generateLozengeHeightmap(N){
var h = d3.range(N).map(rr => d3.range(N).map(cc => Math.floor((N-rr+N-cc)/(2))));
for(var ii=0; ii<2e4; ii++){
var pFull = d3.sum(d3.merge(h))/(N*N*N);
var rr = d3.randomInt(N)();
var cc = d3.randomInt(N)();
if(Math.random()<(1-pFull)){
if(canCubeBeAdded(N, h, rr, cc)) {h[rr][cc] += 1;}
}else{
if(canCubeBeRemoved(N, h, rr, cc)) {h[rr][cc] -= 1;}
}
}
return h
}
cubeCoords = {
var a = [];
for(var rr=0; rr<N; rr++){
for(var cc=0; cc<N; cc++){
var Z = cc
var X = rr;
for(var hh=1; hh<=heightMap[rr][cc]; hh++){
a.push({"X": X+1, "Y": hh, "Z": Z+1});
}
}
}
return a;
}
function computeHeightmap(cubeCoords, N){
// compute the height using d3.max() on a d3.filtered() dataset
var Xh = d3.range(1,N+1).map(yy => d3.range(1,N+1).map(zz => d3.max(cubeCoords.filter(
cc => (cc.Y == yy)&(cc.Z == zz)).map(cc => cc.X))));
var Yh = d3.range(1,N+1).map(xx => d3.range(1,N+1).map(zz => d3.max(cubeCoords.filter(
cc => (cc.X == xx)&(cc.Z == zz)).map(cc => cc.Y))));
var Zh = d3.range(1,N+1).map(xx => d3.range(1,N+1).map(yy => d3.max(cubeCoords.filter(
cc => (cc.X == xx)&(cc.Y == yy)).map(cc => cc.Z))));
// impute undefined as 0
Xh = Xh.map(rr => rr.map(cc => (cc == undefined)?(0):(cc)));
Yh = Yh.map(rr => rr.map(cc => (cc == undefined)?(0):(cc)));
Zh = Zh.map(rr => rr.map(cc => (cc == undefined)?(0):(cc)));
return {X_height: Xh, Y_height: Yh, Z_height: Zh}
}
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.
