31:Td73,map = { let map = this; if (!map) { // Create the \`map\` object with the mapboxgl.Map constructor, referencing // the container div map = new mapboxgl.Map({ container, center: [31.553968, 48.649097], zoom: 5, style: 'mapbox://styles/mapbox/light-v10' }); } const fadeOutIncidents = settings.includes('Fade out past incidents') const largeIcons = settings.includes('Large icons') const showAllIncidents = settings.includes('View all incidents') const incidentTypeIds = incidentTypes.map(item => groupsData.find(g => g.title === item).group) const filterEqualOrLessThanCurrentDay = ['<=', ['number', ['get', 'index']], dayRange] const filterEqualCurrentDay = ['==', ['number', ['get', 'index']], dayRange] const filterIncidentTypes = ['in', ['get', 'group'], ['literal', incidentTypeIds ]] const filters = showAllIncidents ? filterIncidentTypes : fadeOutIncidents ? ['all', filterIncidentTypes, filterEqualOrLessThanCurrentDay] : ['all', filterIncidentTypes, filterEqualCurrentDay] const opacity = showAllIncidents ? 1 : [ 'step', ['get', 'index'], 0, dayRange - 5, 0.1, dayRange - 4, 0.2, dayRange - 3, 0.3, dayRange - 2, 0.4, dayRange - 1, 0.5, dayRange, 1 ] let incidentsLayer = { id: "incidents", type: "symbol", source: "incidents", layout: { 'icon-allow-overlap': true, 'icon-image': ['get', 'group'], 'icon-size': largeIcons ? 0.75 : 0.5, 'icon-ignore-placement': true, }, paint: { 'icon-opacity': opacity, }, filter: filters, } map.on('load', async () => { groupsData.forEach(async (item) => { if (!item.file) return const iconImage = await item.file.image() map.addImage(item.group, iconImage) }) }) map.on('click', 'incidents', (e) => { const coordinates = e.features[0].geometry.coordinates.slice() const props = e.features[0].properties const { link, geolocation, briefDescription, country, province, city, violenceLevel } = props new mapboxgl.Popup() .setLngLat(coordinates) .setHTML(`

${briefDescription}

${violenceLevel ? 'Violence level: ' + violenceLevel : ''}

${link ? 'Link: ' + link + '' : ''}

${geolocation ? 'Geolocation: ' + geolocation + '' : ''}

${country ? 'Country: ' + country : ''}

${province ? 'Province: ' + province : ''}

${city ? 'City/town: ' + city : ''}

`) .addTo(map) }) map.on('mouseenter', 'incidents', () => { map.getCanvas().style.cursor = 'pointer' }) map.on('mouseleave', 'incidents', () => { map.getCanvas().style.cursor = '' }) // Wait until the map loads, then yield the container again. yield new Promise(resolve => { if (map.loaded()) resolve(map) else map.on('load', () => resolve(map)) }) if (!map.getSource('incidents')) { map.addSource('incidents', { type: 'geojson', data: data }) } if (map.getLayer(incidentsLayer.id)) { map.removeLayer(incidentsLayer.id) } map.addLayer(incidentsLayer) }32:T4c0,groupsData = [ { title: 'Russian Military Movements', icon: 'movement-rus', group: 1, file: FileAttachment("movement-rus@2.png") }, { title: 'Russian Firing Positions', icon: 'pos-rus', group: 11, file: FileAttachment("pos-rus.png") }, { title: 'Bombing, shelling or explosion', icon: 'event-bomb', group: 2, file: FileAttachment("event-bomb@2.png") }, { title: 'Gunfire, fighting', icon: 'event-fighting', group: 5, file: FileAttachment("event-fighting@2.png") }, { title: 'Munitions', icon: 'event-munition', group: 4, file: FileAttachment("event-munition@2.png") }, { title: 'Russian Military Losses', icon: 'loss-rus', group: 8, file: FileAttachment("loss-rus@2.png") }, { title: 'Ukrainian Military Losses', icon: 'loss-ukr', group: 7, file: FileAttachment("loss-ukr@2.png") }, { title: 'Civilian Infrastructure Damage', icon: 'loss-civ', group: 9, file: FileAttachment("loss-civ@2.png") }, { title: 'Military Infrastructure Damage', icon: 'loss-ukr', group: 10, file: FileAttachment("loss-ukr@2.png") }, { title: 'Civilian casualty', icon: 'death-civ', group: 6, file: FileAttachment("death-civ@2.png") }, { title: 'Other', icon: 'other', group: 3, file: FileAttachment("other@3.png")}, ]33:[{"id":"09594e50a32441b7cc86d77c372701136296ac5e84af7ad538404c100c7d242bdcdc1da1d9ed172c1ac1b3ac764ecc233f49c53848559fbb85556b0961a6930e","href":"https://static.observableusercontent.com/files/09594e50a32441b7cc86d77c372701136296ac5e84af7ad538404c100c7d242bdcdc1da1d9ed172c1ac1b3ac764ecc233f49c53848559fbb85556b0961a6930e","name":"event-fighting@2.png","type":"image/png","lastModified":1647112725734.699,"size":306},{"id":"e990b3c71a0fb8f9a0ec66b7f05c80fb245f85302ed85b126a0918fea280cdbf2d7b58d03fc7b2c4664ca96a8042eb43c4ed7ea91317cde4bcfef6c15a1279d6","href":"https://static.observableusercontent.com/files/e990b3c71a0fb8f9a0ec66b7f05c80fb245f85302ed85b126a0918fea280cdbf2d7b58d03fc7b2c4664ca96a8042eb43c4ed7ea91317cde4bcfef6c15a1279d6","name":"event-bomb@2.png","type":"image/png","lastModified":1647112706586.164,"size":464},{"id":"897fec697386191dbf6909886dc38c69edba875761cfa81613562bbfabbb789c475ede1a21fb28063c1a4d47916e207ae29e155cef55f0591db3557b3a6737d5","href":"https://static.observableusercontent.com/files/897fec697386191dbf6909886dc38c69edba875761cfa81613562bbfabbb789c475ede1a21fb28063c1a4d47916e207ae29e155cef55f0591db3557b3a6737d5","name":"loss-civ@2.png","type":"image/png","lastModified":1647112717076.46,"size":266},{"id":"4f4910d71c62287a2ed34e2c78e0389bf368ee97cf007080f3f0b26cff70f7bf4c5b68dd6daedfe07a42080fe17b5f447f498eb3d4e878ccd3e3ac2b21359062","href":"https://static.observableusercontent.com/files/4f4910d71c62287a2ed34e2c78e0389bf368ee97cf007080f3f0b26cff70f7bf4c5b68dd6daedfe07a42080fe17b5f447f498eb3d4e878ccd3e3ac2b21359062","name":"geo@9.json","type":"application/json","lastModified":1652457542353.281,"size":1650705},{"id":"a410c1a3c30c99d2e83ed8b88edbcaeac6cb72680679590c162dd4522a15236409e6e041b95569cab2b8654ee98de57897c4f15f3e8f04e8fac6eb54fc77f165","href":"https://static.observableusercontent.com/files/a410c1a3c30c99d2e83ed8b88edbcaeac6cb72680679590c162dd4522a15236409e6e041b95569cab2b8654ee98de57897c4f15f3e8f04e8fac6eb54fc77f165","name":"geo@8.json","type":"application/json","lastModified":1648038754058.066,"size":755682},{"id":"a00c14940938abca42b60f0db54bc7c0c6190fbb72b6192481fb5fc77b569894cef671ef19ac5106b0f52e8668b53ca95cd2a82413185a06d558bf182d08c532","href":"https://static.observableusercontent.com/files/a00c14940938abca42b60f0db54bc7c0c6190fbb72b6192481fb5fc77b569894cef671ef19ac5106b0f52e8668b53ca95cd2a82413185a06d558bf182d08c532","name":"death-civ@2.png","type":"image/png","lastModified":1647112642398.107,"size":170},{"id":"dd4a870b4c1659da93a0f8af0abea11ba75aeb7afac86d90814fbf476940757f3bccb536f0b5a52e00c48200f96dfb38bb6a4b2d901c90928c8e13d1d35248d4","href":"https://static.observableusercontent.com/files/dd4a870b4c1659da93a0f8af0abea11ba75aeb7afac86d90814fbf476940757f3bccb536f0b5a52e00c48200f96dfb38bb6a4b2d901c90928c8e13d1d35248d4","name":"event-munition@2.png","type":"image/png","lastModified":1647112654193.957,"size":472},{"id":"bfcbfabc092293c71ada7a664a5c0e33dba60b62f5c7864e612d857bd8645b92075d41d391232bdca50e8016fb93733af46cd33db89780c0adf6a988047d5431","href":"https://static.observableusercontent.com/files/bfcbfabc092293c71ada7a664a5c0e33dba60b62f5c7864e612d857bd8645b92075d41d391232bdca50e8016fb93733af46cd33db89780c0adf6a988047d5431","name":"other@3.png","type":"image/png","lastModified":1647112677804.124,"size":765},{"id":"034bbb2808fbe7c13854acad43bc04fde58a28c8f31259c8158d8cadf3487d17d36cd73a338b2b0f16339a75de6c0d1d553fd10ebb20e7c506db26e263bbe094","href":"https://static.observableusercontent.com/files/034bbb2808fbe7c13854acad43bc04fde58a28c8f31259c8158d8cadf3487d17d36cd73a338b2b0f16339a75de6c0d1d553fd10ebb20e7c506db26e263bbe094","name":"loss-rus@2.png","type":"image/png","lastModified":1647112667561.726,"size":380},{"id":"cfd4d3ca3a77d5e9da21366491233d6c50dbfa3a53d32893ae2154dad952c35662d04a92faf747a42f1044bc7bd669137bb15d243bcdd05a8ea103df62477718","href":"https://static.observableusercontent.com/files/cfd4d3ca3a77d5e9da21366491233d6c50dbfa3a53d32893ae2154dad952c35662d04a92faf747a42f1044bc7bd669137bb15d243bcdd05a8ea103df62477718","name":"movement-rus@2.png","type":"image/png","lastModified":1647112687529.783,"size":500},{"id":"292bc7eaf1d452072500b7c4f67848e94bde8c99d60be6520bbf3081a2959012b8c9d4412163f946039775ad1dfaf4b3601b89eb587e7ce8ba13202ded71a35b","href":"https://static.observableusercontent.com/files/292bc7eaf1d452072500b7c4f67848e94bde8c99d60be6520bbf3081a2959012b8c9d4412163f946039775ad1dfaf4b3601b89eb587e7ce8ba13202ded71a35b","name":"loss-ukr@2.png","type":"image/png","lastModified":1647112696063.024,"size":377},{"id":"25af82096de7526f5eeac9f37992c37559ef4e2d5d974814d30dfc1fd33db118970e35c99ccdb7c8ab0eda3c77c7ffe10489475196f477e1faa762f56278ed74","href":"https://static.observableusercontent.com/files/25af82096de7526f5eeac9f37992c37559ef4e2d5d974814d30dfc1fd33db118970e35c99ccdb7c8ab0eda3c77c7ffe10489475196f477e1faa762f56278ed74","name":"pos-rus.png","type":"image/png","lastModified":1647446303056.921,"size":662}] 2f:{"title":"Russia-Ukraine War: Incidents over time","cells":[{"id":0,"value":"# Russia-Ukraine War: Incidents over time\n\n*Data last updated: May 13, 2022 18:00 CET*\n\nData is crowdsourced by Centre for Information Resilience, Bellingcat, Conflict Intelligence Team and the wider open source community with the intent to map, document and verify significant incidents during the conflict in Ukraine. [See their original map](https://maphub.net/Cen4infoRes/russian-ukraine-monitor).\n\nThis map visualizes the dataset over time. Use the slider to scroll through dates. Click on a marker to view incident details.\n\n## Map of incidents\n\nThe map is currently displaying incidents that occurred around: **${currentDateStr}**","pinned":false,"hidden":false,"mode":"md"},{"id":1045,"value":"viewof settings = Inputs.checkbox([\"Show legend\", \"Fade out past incidents\", \"View all incidents\", \"Large icons\"], {\n label: \"Map settings\",\n value: [\"Show legend\", \"Fade out past incidents\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":908,"value":"viewof incidentTypes = Inputs.checkbox(groupsData.map(item => item.title), {label: \"Incident types\", value: groupsData.map(item => item.title) })","pinned":false,"hidden":false,"mode":"ojs"},{"id":292,"value":"viewof dayRange = Inputs.range([0, days.length - 1], { value: 45, step: 1, label: \"Dates scrolled\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1022,"value":"legendHtml = html`

\n \n

\n Date: ${currentDateStr}\n ${legend.map(item => html`

\n ${item.title}\n

`)}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"container = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1281,"value":"## List of incidents\nThe list is currently displaying incidents that occurred on: **${currentDateStr}**","pinned":false,"hidden":false,"mode":"md"},{"id":1241,"value":"viewof table = Inputs.table(dataTable, {\n format: {\n Type: x => html`

\n ${x.title}\n

`\n },\n layout: 'auto'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"### Sources and links\n\n- The Centre for Information Resilience. “Russia-Ukraine Monitor Map”, 2022 https://maphub.net/Cen4infoRes/russian-ukraine-monitor\n- Strick, Benjamin. “Follow the Russia-Ukraine Monitor Map” *Bellingcat*, 27 February 2022 https://www.bellingcat.com/news/2022/02/27/follow-the-russia-ukraine-monitor-map\n- [The Centre for Information Resilience (CIR) ](https://www.info-res.org)\n- [Bellingcat](https://www.bellingcat.com)\n- [Conflict Intelligence Team](https://twitter.com/CITeam_en)\n \n\n\n### Changelog\n\n- 13/05: Updated to latest data.\n- 18/03: Updated to latest data. Added list of incidents.\n- 16/03: Updated to latest data. New data includes new incident type *\"Russian Firing Position\"*.\n- 16/03: Fix malformed links in data.\n- 16/03: Moved date slider to just above map, for a better mobile experience.\n\n\n\n\n\n### Definitions","pinned":false,"hidden":false,"mode":"md"},{"id":312,"value":"currentDateStr = data.features.find(f => f.properties.index === dayRange).properties.dateStr","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"mapboxgl = {\n let mapboxgl = await require('mapbox-gl@2.7.0')\n mapboxgl.accessToken = 'pk.eyJ1Ijoib3NjYXJwYXMiLCJhIjoiY2p6ZmtpMjdhMGN3ejNjcWthaHNiNzNmZiJ9.18domLWniCnTaU3rcwEwWw'\n return mapboxgl\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"data = FileAttachment(\"geo@9.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":939,"value":"dataTable = data.features\n .filter(f => f.properties.index === dayRange)\n .map(f => ({\n 'Type': legend.find(l => l.group === f.properties.group),\n 'Description': f.properties.briefDescription,\n 'Link': f.properties.link,\n 'Country': f.properties.country,\n 'Province': f.properties.province,\n 'City/Town': f.properties.city,\n 'Arms/Munition': f.properties.armsMunition,\n 'Geolocation': f.properties.geolocation,\n }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":624,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":974,"value":"legend = {\n const groupsVisible = groupsData.filter(item => item.group !== 10)\n const promises = groupsVisible.map(async item => ({ ...item, iconUrl: await item.file.url() }))\n const items = Promise.all(promises)\n return items\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":494,"value":"days = [...new Set(data.features.map(f => f.properties.index))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"link = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1081,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}