Public
Edited
Feb 19
data = (await FileAttachment("way_2022_2024.csv").csv()).map((d) => {
return { ...d, date: new Date(d.date), way: +d.way };
})
vis1 = {
d3.timeFormatDefaultLocale({
dateTime: "%A, %e %B %Y р. %X",
date: "%d.%m.%Y",
time: "%H:%M:%S",
periods: ["дп", "пп"],
days: [
"неділя",
"понеділок",
"вівторок",
"середа",
"четвер",
"п'ятниця",
"субота"
],
shortDays: ["нд", "пн", "вт", "ср", "чт", "пт", "сб"],
months: [
"січня",
"лютого",
"березня",
"квітня",
"травня",
"червня",
"липня",
"серпня",
"вересня",
"жовтня",
"листопада",
"грудня"
],
shortMonths: [
"січ",
"лют",
"бер",
"квіт",
"трав",
"черв",
"лип",
"серп",
"вер",
"жов",
"лист",
"груд"
]
});
return Plot.plot({
style: { fontSize: 14, fontWeight: 400 },
width: width > 650 ? 650 : 350,
marginBottom: 40,
marginTop: 40,
y: {
label: "Кількість вироків\nв квартал",
labelArrow: null,
grid: true,
nice: true
},
marks: [
// Plot.ruleY([0]),
Plot.lineY(
data,
Plot.binX(
{ y: "count" },
{
x: "date",
interval: "3 month",
z: "way",
strokeWidth: 2.5
// tip: true
}
)
),
Plot.text(["Переправлення військовозобов'язаних за кордон"], {
frameAnchor: "top-right",
y: 73,
x: new Date("2023-09-01"),
lineWidth: 14,
fontWeight: 300
// fontSize: 16
}),
Plot.text(['Із використанням системи "Шлях"'], {
frameAnchor: "top-right",
y: 13,
x: new Date("2023-06-01"),
lineWidth: 12,
fontWeight: 300
// fontSize: 16
})
]
});
}
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.
