Public
Edited
Dec 11, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({ // Initialize the plot
projection: { type: "mercator", domain: hydrocountiesEPSG4326 }, // Set the projection
width,
color: {legend:true, label: "Completion Year"},
marks: [
Plot.geo(basinsEPSG4326, Plot.pointer(Plot.centroid({stroke:"yellow"}))),
Plot.geo(basinsEPSG4326, {stroke: "lightgray"}),
Plot.geo(geoGRDams, {stroke: "darkblue", fill: (d) => d.properties.Completion, r: (d) => d.properties.Capacity}),
Plot.geo(hydrocountiesEPSG4326, {stroke: "black"}), // Add the hydrocounty boundaries,
//Plot.voronoiMesh(geoGRDamsGeometries, {x: (d) => d.coordinates[0], y: (d) => d.coordinates[1], stroke:"red"}),
],
})
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