Plot.plot({ // Initialize the plot
projection: { type: "mercator", domain: kallikratisEPSG4326 }, // Set the projection
width,
r: {range: [0, 12]},
marks: [
Plot.geo(kallikratisEPSG4326, Plot.pointer(Plot.centroid({fill:"yellow"}))),
//Plot.text(forrestEPSG4326.features, Plot.centroid({text: (d) => d.properties.DASARXEIO})),
Plot.geo(kallikratisEPSG4326, {stroke: "lightgray"}), // Add the municipal boundaries
Plot.geo(forrestEPSG4326, {stroke: "lightgreen"}), // Add the forrest service boundaries
Plot.geo(countiesEPSG4326, {stroke: "black"}),
Plot.dot(forrestEPSG4326.features, Plot.centroid({fill: showForest ? "lightgray" : null, fillOpacity: 0.5, stroke: "green", strokeOpacity: 0.5})),
Plot.tip(forrestEPSG4326.features, Plot.pointer(Plot.centroid({title: (d) => `${d.properties.DASARXEIO}, ${d.properties.DNSH_DASON}`})))
//Plot.text(countiesEPSG4326.features, Plot.centroid({text: (d) => d.properties.PER}))
]
})
// Plot.dot(states, Plot.centroid({fill: "red", stroke: "white"})),
forrestTable = bertin.properties.table(forrestEPSG4326)
viewof search = Inputs.search(forrestTable)
Inputs.table(forrestTable)
bertin = require("bertin@latest")
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.
