aerialImgGrid = Plot.plot({
inset: 100,
marginLeft: 80,
marginRight: 80,
marginTop: 160,
marginBottom: 80,
width: width,
height: height,
preserveAspectRatio: "xMidYMid slice",
x: {
grid: true,
label: "Date of first inauguration →",
axis: null
},
y: {
grid: true,
axis:null,
},
marks: [
Plot.image(
slicedDataMap,
{
x: (d,i) => slicedDataMap.indexOf(d)%nCols,
y: (d,i) => parseInt(getDomain) - parseInt((slicedDataMap.indexOf(d))/nCols),
width: 160,
src: d => d.fullPath,
title: (d) => (d.airportName)? d.airportName : "NA"
}
),
Plot.text(slicedDataMap,
{
x: (d,i) => slicedDataMap.indexOf(d)%nCols,
y: (d,i) => parseInt(getDomain) - parseInt((slicedDataMap.indexOf(d))/nCols),
text: d => d.iata,
fontSize: 60,
fontWeight: "bold",
fontFamily: "Inter",
opacity: 0.4,
}
),
]
})