Published
Edited
Feb 27, 2022
Insert cell
Insert cell
Insert cell
Insert cell
hexgrid({
width: width,
height: width * 0.58,
rows: 20,
columns: 30,
fill: (d,i) => colors[i]
})
Insert cell
Insert cell
Insert cell
hexgrid({
width: width,
height: width * 0.18,
rows: 4,
columns: 30,
fill: (d,i) => d3.interpolateViridis( i/(4 *30 -1) || 0 ),
rotate: true
})
Insert cell
Insert cell
hexgrid({
width: width,
height: width * Math.sqrt(3)/2,
rows: 100,
columns: 100,
fill: (d,i) => d3.interpolateMagma( Math.floor( Math.random() *7 +1 )/8 )
})
Insert cell
Insert cell

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.
Learn more