htl.html`${selectedLabs.map((labParam) => {
return Plot.plot({
color: {
domain: ["LOW", "NORMAL", "HIGH"],
range: ["#fdd26e","#86cac5", "#ff8041"],
legend: true
},
marks: [
Plot.frame(),
Plot.axisY({label: labParam, labelArrow: false, labelAnchor: 'center'}),
Plot.axisX({labelArrow: false, labelAnchor: 'center'}),
Plot.line(adlbcSubset.filter(d => d.PARAM === labParam), {
x: "ADY",
y: "AVAL",
stroke: "#004f5b"
}),
Plot.dot(adlbcSubset.filter(d => d.PARAM === labParam), {
x: "ADY",
y: "AVAL",
fill: "LBNRIND"
}),
Plot.ruleY(adlbcSubset, {
x1: d => d3.min(adlbcSubset.filter(d => d.PARAM === labParam).map(d => d.ADY)),
x2: d => d3.max(adlbcSubset.filter(d => d.PARAM === labParam).map(d => d.ADY)),
y: "A1LO",
strokeDasharray: [5, 5],
strokeOpacity: 0.4
}),
Plot.ruleY(adlbcSubset, {
x1: d => d3.min(adlbcSubset.filter(d => d.PARAM === labParam).map(d => d.ADY)),
x2: d => d3.max(adlbcSubset.filter(d => d.PARAM === labParam).map(d => d.ADY)),
y: d3.max(adlbcSubset.filter(d => d.PARAM === labParam).map(d => d.A1HI)),
strokeDasharray: [5, 5],
strokeOpacity: 0.4
})
]
})
})}`