29:null 2a:["$","title",null,{"children":"Armed Forces of Ukraine, Github style calendar of 2022 | Roman Sverdan | Observable"}] 2f:Tec0,function drawCalendar(data, category) { const min = d3.min(dailyData, (d) => (d[category] > 0 ? d[category] : null)); const max = d3.max(dailyData, (d) => d[category]); const upperLimit = outliersLimit[0][category] ? outliersLimit[0][category] : max; const maxScale = max > upperLimit ? upperLimit : max; const color = d3.scaleLinear().domain([min, maxScale]).range(colors); const svg = d3 .create("svg") .attr("width", cellSize * 54 + 30 + "px") .attr("font-family", "sans-serif") .attr("font-size", 10); const year = svg .selectAll("g") .data(data) .join("g") .attr( "transform", (d, i) => `translate(40.5,${height * i + cellSize * 1.3})` ); year .append("text") .attr("x", -5) .attr("y", -5) .attr("font-weight", "bold") .attr("text-anchor", "end") .text(([key]) => key); year .append("g") .attr("text-anchor", "end") .selectAll("text") .data(d3.range(7)) .join("text") .attr("x", -5) .attr("y", (i) => (countDay(i) + 0.5) * cellSize) .attr("dy", "0.31em") .text(formatDay); year .append("g") .selectAll("rect") .data(([, values]) => values) .join("rect") .attr("width", cellSize - 1) .attr("height", cellSize - 1) .attr( "x", (d) => d3.utcMonday.count(d3.utcYear(d.date), d.date) * cellSize + 0.5 ) .attr( "y", (d) => countDay(new Date(dateToYMD(d.date)).getUTCDay()) * cellSize + 0.5 ) .attr("rx", roundCorner) .attr( "fill", (d) => d.value ? d.value[category] ? d.value[category] > 0 ? color(d.value[category]) : "red" : "#e9e9e9" // grey since Feb 24 : "#f6f6f6" // grey before Feb 24 ) .on("mousemove", nodeMouseOver) .on("mouseout", nodeMouseOut); const month = year .append("g") .selectAll("g") .data(([, values]) => d3.utcMonths( d3.utcMonth(new Date(dateToYMD(values[0].date))), values[values.length - 1].date ) ) .join("g"); month .append("text") .attr( "x", (d) => d3.utcMonday.count(d3.utcYear(d), d3.utcMonday.ceil(d)) * cellSize + 2 ) .attr("y", -5) .text(formatMonth); function nodeMouseOver(event, d) { if (d.value) { const val = d.value && d.value[category] != 0 ? d.value[category] : ""; let x = event.pageX + 18; let y = event.pageY + 18; x > width - 200 ? (x = x - 218) : x; toolTip .style("left", x + "px") .style("top", y + "px") .style("display", "block").html(`

${categories[0][category]}
Date:	${d.date.toLocaleString("en-us", { day: "numeric", month: "short" })}
Day of war:	${d.value.day}
Destroyed:	${val}
Destroyed before:	${ totalsUntilDate[d.date.toISOString().slice(0, 10)][category] }
Total:	${parseInt(csv[csv.length - 1][category])}

`); } d3.select(event.target).style("stroke", "#000").style("cursor", "pointer"); } function nodeMouseOut(event, d) { toolTip.style("display", "none"); d3.select(event.target).style("stroke", "none").style("cursor", "pointer"); } return svg.node(); }30:[] 2d:{"id":"d254432662d2b3ab","slug":null,"title":"Armed Forces of Ukraine, Github style calendar of 2022","thumbnail":"f9b59d7b9ac9c72dfeb41f35ece65c7aed853a182bef7324c25f3b128801e062","access_level":"public","create_time":"$D2022-11-30T15:13:09.044Z","update_time":"$D2023-01-14T12:35:56.297Z","view_time":null,"first_public_time":"$D2022-11-30T15:13:09.044Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"36db9f151dbeb3bc","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":"starter_2024"},"version":1268,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2c1ee78e30fade9b","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":null}],"members":[{"type":"individual","id":"2c1ee78e30fade9b","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"41e58452cdbb35f1","slug":"russian-war-data","title":"War in Ukraine","owner":{"id":"36db9f151dbeb3bc","login":"romansverdan","name":"Roman Sverdan"}},"type":"notebook","body":{"title":"Armed Forces of Ukraine, Github style calendar of 2022","cells":[{"id":0,"value":"# Armed Forces of Ukraine, Github style calendar of 2022","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":723,"value":"Total combat losses of the russian enemy since the beginning of the full scale invasion of Ukraine, 24.02.2022. \nOriginal data source @GeneralStaffUA.\nCleaned and formatted CSV data is available at my Github repo here. \n\nFor the latest data updates check this notebook\n\n`Last data update: ${dailyData[dailyData.length-1].date.toISOString().slice(0, 10)}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1223,"value":"Legend(d3.scaleSequential([0, 100], colors), {\n title: \"Number of losses\",\n ticks: 1,\n tickFormat: (d) => (d === 0 ? \"Less\" : \"More\")\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"### Personnel, `${parseInt(csv[csv.length - 1]['personnel']).toLocaleString()}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":382,"value":"personnel = html`\n

\n ${drawCalendar(years, \"personnel\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":685,"value":"### Aircrafts, `${parseInt(csv[csv.length - 1]['aircrafts'])}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":668,"value":"aircrafts = html`\n

\n ${drawCalendar(years, \"aircrafts\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"### Helicopters, `${parseInt(csv[csv.length - 1]['helicopters'])}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":690,"value":"helicopters = html`\n

\n ${drawCalendar(years, \"helicopters\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"### Tanks, `${parseInt(csv[csv.length - 1]['tanks']).toLocaleString()}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":695,"value":"tanks = html`\n

\n ${drawCalendar(years, \"tanks\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":687,"value":"### Cruise Missiles, `${parseInt(csv[csv.length - 1]['cruise_missiles'])}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":675,"value":"cruise_missiles = html`\n

\n ${drawCalendar(years, \"cruise_missiles\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"### Artillery, `${parseInt(csv[csv.length - 1]['artillery']).toLocaleString()}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":707,"value":"artillery = html`\n

\n ${drawCalendar(years, \"artillery\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":721,"value":"### Warships, `${parseInt(csv[csv.length - 1]['warships'])}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":718,"value":"warships = html`\n

\n ${drawCalendar(years, \"warships\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"### Unmanned Aerial Vehicle, `${parseInt(csv[csv.length - 1]['uav']).toLocaleString()}`\noperational tactical level","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":725,"value":"uav = html`\n

\n ${drawCalendar(years, \"uav\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"### Multiple Launch Rocket Systems, `${parseInt(csv[csv.length - 1]['mlrs'])}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":730,"value":"mlrs = html`\n

\n ${drawCalendar(years, \"mlrs\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":757,"value":"### Armored Personnel Vehicles, `${parseInt(csv[csv.length - 1]['apv']).toLocaleString()}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":755,"value":"apv = html`\n

\n ${drawCalendar(years, \"apv\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":738,"value":"### Anti-aircraft warfare systems, `${parseInt(csv[csv.length - 1]['aaws'])}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":736,"value":"aaws = html`\n

\n ${drawCalendar(years, \"aaws\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":744,"value":"### Vehicles & Fuel Tanks, `${parseInt(csv[csv.length - 1]['vehicles_fuel_tanks']).toLocaleString()}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":741,"value":"vehicles_fuel_tanks = html`\n

\n ${drawCalendar(years, \"vehicles_fuel_tanks\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":748,"value":"### Special Equipment, `${parseInt(csv[csv.length - 1]['special_equipment'])}`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":746,"value":"special_equipment = html`\n

\n ${drawCalendar(years, \"special_equipment\")}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":750,"value":"
\n### Main func","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":376,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"
\n### Settings","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1217,"value":"colors = [\"#c2c287\", \"#333027\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"cellSize = 18","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"roundCorner = 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"height = 200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"formatDay = (i) => \"SMTWTFS\"[i]\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"formatMonth = d3.utcFormat(\"%b\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"countDay = (i) => (i + 6) % 7","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"parseDate = d3.utcParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":833,"value":"toolTip = d3.select(\"body\").append(\"div\").attr(\"class\", \"toolTip\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":941,"value":"outliersLimit = [\n {\n personnel: 1000,\n apv: 50,\n tanks: 50,\n helicopters: 15,\n aircrafts: 10,\n artillery: 30,\n mlrs: 10\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":973,"value":"categories = [\n {\n personnel: \"Personnel\",\n apv: \"Armored Personnel Vehicles\",\n tanks: \"Tanks\",\n helicopters: \"Helicopters\",\n aircrafts: \"Aircrafts\",\n artillery: \"Artillery\",\n cruise_missiles: \"Cruise Missiles\",\n mlrs: \"Multiple Launch Rocket Systems\",\n special_equipment: \"Special Equipment\",\n vehicles_fuel_tanks: \"Vehicles & Fuel Tanks\",\n aaws: \"Anti-aircraft warfare\",\n uav: \"Unmanned Aerial Vehicle\",\n warships: \"Warships\"\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"
\n### Styles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":839,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"
\n### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"csv = d3.csv(\n \"https://raw.githubusercontent.com/romansverdan/Russian-Losses-in-Ukraine/main/data/russia_losses-2022.csv\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"dailyData = {\n const columns = Object.keys(csv[0]);\n let daysCount = 0;\n let res = csv.map((d) => {\n const obj = {};\n columns.forEach((col, i) => {\n if (i === 0) {\n obj[col] = parseDate(d[col]);\n } else if (i === 1) {\n obj[col] = parseInt(d[col]);\n } else {\n if (daysCount === 0) {\n obj[col] = parseInt(d[col]);\n } else {\n obj[col] = parseInt(d[col]) - parseInt(csv[daysCount - 1][col]);\n }\n }\n });\n daysCount++;\n return obj;\n });\n return res;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"dateRange = {\n return {\n minYear: d3.min(dailyData, (d) => d.date),\n maxYear: d3.max(dailyData, (d) => d.date)\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1020,"value":"totalsUntilDate = csv.reduce(\n (obj, item) =>\n Object.assign(obj, {\n [parseDate(item.date).toISOString().slice(0, 10)]: item\n }),\n {}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1004,"value":"dataByDates = dailyData.reduce(\n (obj, item) =>\n Object.assign(obj, { [item.date.toISOString().slice(0, 10)]: item }),\n {}\n );","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1009,"value":"days = d3.timeDays(\n new Date(dateRange.minYear.getFullYear(), 0, 1),\n new Date(dateRange.maxYear.getFullYear() + 1, 0, 1)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"fullYearData = {\n return days.map((day) => {\n let dayIso = dateToYMD(day);\n let val = null;\n if (dataByDates[dayIso]) {\n val = dataByDates[dayIso];\n }\n return {\n date: parseDate(dayIso),\n value: val\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"years = d3\n .groups(fullYearData, (d) => {\n return dateToYMD(d.date).split(\"-\")[0];\n })\n .reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":577,"value":"function dateToYMD(date) {\n // convert DATE to YEAR-M-D string to prase it again to avoid JAN 1 position issue\n let d = date.getDate();\n let m = date.getMonth() + 1; //Month from 0 to 11\n let y = date.getFullYear();\n return \"\" + y + \"-\" + (m <= 9 ? \"0\" + m : m) + \"-\" + (d <= 9 ? \"0\" + d : d);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":764,"value":"
\n### Libs & imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"d3 = require(\"d3@7\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1191,"value":"import { Legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"
\n

$\"Stand$

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"