vis2 = width > 650
? Plot.plot({
subtitle:
"Частина закладів переїхала на нові місяця, частина - втратила контракти з НСЗУ",
width: width > 650 ? 950 : 350,
height: 400,
projection: d3.geoMercator().scale(1300).center([43, 47.5]),
marks: [
Plot.geo(nation, { strokeWidth: 2, stroke: "#333" }),
Plot.geo(nation, {
fill: "#f5f5f5"
}),
Plot.axisFx({
label: "",
fontWeight: 700,
fontSize: 18,
frameAnchor: "bottom"
}),
Plot.dot(
data
.filter((d) => d.property_type == "Комунальна")
.filter((d) => ["2021", "2024"].includes(d.year)),
{
x: "lng",
y: "lat",
r: 2,
fill: "#d8b365",
fillOpacity: 0.7,
fx: "year"
}
),
Plot.dot(one_data, {
x: "lng",
y: "lat",
r: 5,
strokeWidth: 0.5,
// fill: "#d8b365",
fillOpacity: 0.7,
fx: "year"
}),
Plot.text(
[
`Центр ПМСД Біловодської селищної Ради з Луганської області, хоч і залишає юридичну адресу на тимчасово окупованій частині Луганської області, ще з 2022 року переїхав в Рівне, де продовжує надавати допомогу населенню`
],
{
fx: ["2024"],
frameAnchor: "right",
// textAnchor: "left",
x: 38.470178,
y: 53.503544,
fontSize: 14,
fontWeight: 300,
lineWidth: 32
}
),
Plot.arrow([0], {
fx: ["2024"],
x1: 38.570178,
y1: 53.203544,
x2: 39.570178,
y2: 49.203544,
bend: 30,
inset: 7,
strokeWidth: 1,
strokeOpacity: 0.7
})
]
})
: Plot.plot({
title:
"Частина закладів переїхала на нові місяця, частина - втратила контракти з НСЗУ",
width: width > 650 ? 950 : 350,
height: 600,
projection: d3.geoMercator().scale(1000).center([49, 44]),
marks: [
Plot.geo(nation, { strokeWidth: 2, stroke: "#333" }),
Plot.geo(nation, {
fill: "#f5f5f5"
}),
Plot.axisFy({
label: "",
fontWeight: 700,
fontSize: 18,
frameAnchor: "left",
dy: 30
}),
Plot.dot(
data
.filter((d) => d.property_type == "Комунальна")
.filter((d) => ["2021", "2024"].includes(d.year)),
{
x: "lng",
y: "lat",
r: 2,
fill: "#d8b365",
fillOpacity: 0.7,
fy: "year"
}
),
Plot.text(
[
`Центр ПМСД Біловодської селищної Ради з Луганської області, хоч і залишає юридичну адресу на тимчасово окупованій частині Луганської області, ще з 2022 року переїхав в Рівне, де продовжує надавати допомогу населенню`
],
{
fy: ["2024"],
frameAnchor: "right",
// textAnchor: "left",
x: 41.470178,
y: 53.503544,
fontSize: 14,
fontWeight: 300,
lineWidth: 30
}
),
Plot.arrow([0], {
fy: ["2024"],
x1: 38.570178,
y1: 52.503544,
x2: 39.570178,
y2: 49.203544,
bend: 30,
inset: 4,
strokeWidth: 1,
strokeOpacity: 0.7
})
]
})