Plot.plot({
marks: [
Plot.dot(caDams, {
x: "SurfaceAreaAcres",
y: "StorageAcreFeet",
fill: (d) =>
pickHazardPotentialClassification === "Select All"
? d.HazardPotentialClassification
: d.HazardPotentialClassification ===
pickHazardPotentialClassification
? pickHazardPotentialClassification
: "gray",
r: "DrainageAreaSqMiles"
}),
Plot.tip(
caDams,
Plot.pointer({
x: "SurfaceAreaAcres",
y: "StorageAcreFeet",
tip: true,
channels: {
DamName: "DamName",
OwnerTypes:"OwnerTypes",
PrimaryPurpose:"PrimaryPurpose"
}
})
)
],
marginLeft: 60,
marginRight: 60,
x: { type: "log" },
y: { type: "log" },
color: {
legend: true,
domain: ["Low", "Significant", "High"],
range: ["green", "orange", "red"]
}
})