vis2 = Plot.plot({
width: 950,
height: 500,
projection: d3.geoMercator().scale(2200).center([34, 48.5]),
r: { range: [0, 10] },
marks: [
Plot.geo(nation, { strokeWidth: 2, stroke: "#333" }),
Plot.geo(nation, {
fill: "#eee"
}),
Plot.dot(data, {
x: "longitude",
y: "latitude",
r: 2,
fill: "#D80B8C",
fillOpacity: 0.7
}),
Plot.text(
[
`Приблизно половина всіх нових когенераційних потужностей\nкраїни\nзапланована в Києві.`
],
{
frameAnchor: "left",
dx: 5,
dy: 40,
fontSize: 14,
fontWeight: 300,
lineWidth: 11
}
),
Plot.arrow([0], {
x1: 26.1,
y1: 47.365355,
x2: 29.6089531,
y2: 50.565355,
bend: 30,
inset: 1,
strokeWidth: 1,
strokeOpacity: 0.7
})
]
})