vis5 = Plot.plot({
style: { background: "#eee" },
width: 600,
height: 600,
projection: d3.geoMercator().scale(1800).center([37, 48]),
r: { range: [1, 20] },
marks: [
Plot.geo(nation, { strokeWidth: 2, stroke: "#333" }),
Plot.geo(nation, {
fill: "#fff"
}),
// Plot.text(
// nation.features,
// Plot.centroid({
// textAnchor: "middle",
// // filter: (d) => d.properties.name.match(/^V/),
// text: (d) => d.properties.localized_name.ua.replace(/ область/, ""),
// fill: "grey",
// stroke: "white",
// frameAnchor: "left",
// dx: 6
// })
// ),
Plot.dot(
data4.filter((d) => d["Місто організатора"] != "Київ"),
Plot.hexbin(
{ r: "sum" },
{
x: "lon",
y: "lat",
r: "sum",
tip: true,
fill: "#ec7014",
stroke: "#333",
opacity: 0.7
}
)
)
// Plot.dot(data, {
// x: "lon",
// y: "lat",
// r: 4,
// // length: "P15",
// // shape: barMap,
// // STYLE
// // anchor: "start",
// fill: "#D80B8C",
// fillOpacity: 0.7,
// // imageFilter: "drop-shadow(0.07rem 0.07rem 0.07rem white)"
// }),
// Plot.text(
// [
// `В Буську на Львівщині доступно 14 вакансій із бронюванням з майже півсотні. Це приблизно 160 вакансій на 100 тис населення (в 2021 році офіційно було орієнтовно до 9 тис).`
// ],
// {
// frameAnchor: "left",
// // textAnchor: "left",
// dx: width > 650 ? 70 : 0,
// dy: width > 650 ? 150 : 110,
// fontSize: 16,
// fontWeight: 300,
// lineWidth: width > 650 ? 16 : 11
// }
// ),
// Plot.arrow([0], {
// x1: 26.1,
// y1: 47.365355,
// x2: 29.6089531,
// y2: 50.565355,
// // dx: -10,
// // stroke: "black",
// // opacity: width > 650 ? 1 : 0.1,
// bend: 30,
// inset: 1,
// strokeWidth: 1,
// strokeOpacity: 0.7
// })
// Plot.geo(nation, { clip: "frame", strokeWidth: 1, stroke: "#333" })
]
// caption: html`<small style="color:grey">На мапі не представлений Київ, який є домінуючим покупцем генераторів (більше 600 млн грн за два роки) через розташування офісів основних держкомпаній і т.п.</small>`
})