ep_map_function = (data) =>
Plot.plot({
width: chart_width,
marginTop: 25,
projection: {
type: "mercator",
domain: kreise_geo,
inset: 10
},
color: {
legend: false
},
marks: [
Plot.geo(kreise_geo, {
fill: "#eff3f5",
stroke: "#fff",
strokeOpacity: 0.5
}),
Plot.geo(kreise_geo, {
fill: (d) =>
Array.from(hochburgen.keys()).includes(data)
? hochburgen.get(data)
: "#99AFC2",
fillOpacity: (d) => d.properties[data],
stroke: "#fff",
strokeOpacity: 0.1
}),
Plot.geo(bundesländer, {
stroke: "#fff",
strokeOpacity: 0.7
}),
Plot.geo(
kreise_geo,
Plot.pointer(
Plot.centroid({
stroke: "#fff"
})
)
),
Plot.tip(
kreise_geo.features,
Plot.pointer(
Plot.centroid({
fill: isDarkMode() ? "#293845" : "#ffffff",
fillOpacity: 0.8,
strokeOpacity: 0.5,
title: (d) =>
`${d.properties.kreis}\n${d.properties.typ}\n${
d.properties.lan_name
}\n\n${data}\n${
d.properties[data].replace(".", ",") + " Prozent"
}`
})
)
)
]
})