45:["$","title",null,{"children":"Tracking protester deaths during Myanmar's military coup | Atthar Mirza | Observable"}] 4d:Tb8e,chart = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, dms.width, dms.heightSmall]) .attr("width", dms.width) .attr("height", dms.heightSmall); const chart = svg .append("g") .attr("transform", `translate(${dms.marginLeft} ${dms.marginTop})`); // Add data // chart // .append('g') // .selectAll('rect') // .data([...dataDeathsPerDay.values()]) // .join('rect') // .attr('x', d => scaleTime(d['date'])) // .attr('y', d => scaleDeaths(d['total'])) // .attr('height', d => dms.chartHeightSmall - scaleDeaths(d['total'])) // .attr('width', dms.chartWidth / rangeDates.length - 3) // .attr('fill', 'white') // .attr('stroke', colors.deaths); chart .append('g') .selectAll('rect') .data([...dataDeathsPerDay.values()]) .join('rect') .attr('x', d => scaleTime(d['date'])) .attr('y', d => scaleDeaths(d['gunshot'])) .attr('height', d => dms.chartHeightSmall - scaleDeaths(d['gunshot'])) .attr('width', dms.chartWidth / rangeDates.length - 3) .attr('fill', colors.deaths) .attr('stroke', colors.deaths) .attr( 'transform', d => `translate(0 ${-(dms.chartHeightSmall - scaleDeaths(d['other']))})` ) .attr('opacity', d => timeParserInput(dateStart) <= d['date'] && d['date'] <= timeParserInput(dateEnd) ? 1 : 0.1 ); chart .append('g') .selectAll('rect') .data([...dataDeathsPerDay.values()]) .join('rect') .attr('x', d => scaleTime(d['date'])) .attr('y', d => scaleDeaths(d['unknown'])) .attr('height', d => dms.chartHeightSmall - scaleDeaths(d['unknown'])) .attr('width', dms.chartWidth / rangeDates.length - 3) .attr('fill', 'white') .attr('stroke', colors.deaths) .attr( 'transform', d => `translate(0 ${-( dms.chartHeightSmall - scaleDeaths(d['gunshot'] + d['other']) )})` ) .attr('opacity', d => timeParserInput(dateStart) <= d['date'] && d['date'] <= timeParserInput(dateEnd) ? 1 : 0.1 ); chart .append('g') .selectAll('rect') .data([...dataDeathsPerDay.values()]) .join('rect') .attr('x', d => scaleTime(d['date'])) .attr('y', d => scaleDeaths(d['other'])) .attr('height', d => dms.chartHeightSmall - scaleDeaths(d['other'])) .attr('width', dms.chartWidth / rangeDates.length - 3) .attr('fill', colors.boundary) .attr('stroke', colors.boundary) .attr('opacity', d => timeParserInput(dateStart) <= d['date'] && d['date'] <= timeParserInput(dateEnd) ? 1 : 0.1 ); // Add axes const axisX = d3.axisBottom(scaleTime); chart .append("g") .call(axisX) .attr("transform", `translate(0 ${dms.chartHeightSmall})`); const axisY = d3.axisLeft(scaleDeaths); chart .append("g") .call(axisY) .attr("transform", `translate(0 0)`); return svg.node(); }4e:Tdac,map = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, dms.width, dms.height]) .attr("width", dms.width) .attr("height", dms.height); const map = svg .append("g") .attr("transform", `translate(${dms.marginLeft} ${dms.marginTop})`); // Adding the base map map .append('g') .attr('class', 'townships') .selectAll('path') .data(geoMyanmarTownships['features']) .join('path') .attr('class', 'township') .attr('d', path) .attr('fill', colors.land) .attr('stroke', colors.boundary) .attr('stroke-width', 0.5) .on('mouseenter', function(event, d) { d3.selectAll('.tooltip').style('display', 'inline'); d3.selectAll('.placeholder').style('display', 'none'); d3.selectAll('.tooltip__township').text(''); d3.selectAll('.tooltip__deaths').text(''); d3.selectAll('.township').attr('stroke', colors.boundary); const township = d['properties']['TS']; const state = d['properties']['ST']; const obj = dataDeathsPerTown.filter(f => f['township'] == township)[0]; const textTownship = township + ", " + state.split(' ')[0]; const textDeaths = obj ? obj['deaths'] : '0'; d3.select(this) .attr('stroke', 'black') .raise(); d3.selectAll('.tooltip__township').text(textTownship); d3.selectAll('.tooltip__deaths').text(textDeaths); }) .on('mouseleave', function(event, d) { d3.selectAll('.tooltip').style('display', 'none'); d3.selectAll('.placeholder').style('display', 'inline'); d3.selectAll('.township').attr('stroke', colors.boundary); }); // map // .append('g') // .attr('class', 'border') // .append('path') // .datum(geoMyanmarBorder) // .attr('d', path) // .attr('fill', 'none') // .attr('stroke', 'black'); // Adding the deaths const spikeWidth = 6; map .append('g') .selectAll('path') .data( geoMyanmarTownships['features'].filter( d => dataDeathsPerTown.filter( f => f['township'] == d['properties']['TS'] && f['deaths'] > 0 )[0] ) ) .join('path') .attr( 'transform', d => `translate(${path.centroid(d)[0]} ${path.centroid(d)[1]})` ) .attr('d', d => { const township = d['properties']['TS']; const state = d['properties']['ST']; const obj = dataDeathsPerTown.filter(f => f['township'] == township)[0]; return obj ? spike(scaleDeathsSpike(obj['deaths']), spikeWidth) : spike(0, spikeWidth); }) .attr('fill', colors.deaths) .attr('stroke', colors.deaths) .attr('pointer-events', 'none') .attr('fill-opacity', 0.5); // Adding legend const legend = map .append('g') .attr('transform', `translate(0 ${scaleDeathsSpike.range()[1]})`); legend .append('g') .selectAll('path') .data(dataLegend) .join('path') .attr('transform', (d, i) => `translate(${i * spikeWidth * 3} 0)`) .attr('d', d => spike(scaleDeathsSpike(d), spikeWidth)) .attr('fill', colors.deaths) .attr('stroke', colors.deaths) .attr('pointer-events', 'none') .attr('fill-opacity', 0.5); legend .append('g') .selectAll('text') .data(dataLegend) .join('text') .text(d => d) .attr('x', (d, i) => i * spikeWidth * 3) .attr('y', 10) .attr('font-family', 'sans-serif') .attr('font-size', 10) .attr('text-anchor', 'middle'); return svg.node(); }4f:[{"id":"461861a86eb463d438df5f63b4d22bab1657561b03a1410eba7acb09e12adbd8e905677d82a108d0839597466d3c53cffb35997a8db37c9d4ead922fc076c394","href":"https://static.observableusercontent.com/files/461861a86eb463d438df5f63b4d22bab1657561b03a1410eba7acb09e12adbd8e905677d82a108d0839597466d3c53cffb35997a8db37c9d4ead922fc076c394","name":"210429-deaths-outputFormatted.json","type":"application/json","lastModified":1619798563244.449,"size":524119},{"id":"ee7e360828b2f9eab29d560e2663d74dd2e31b04d81b06c5fcfb5ed66c3bc238d01700b172a324a82153fcfbe7b6067d31d440735c795c82ab1df24d77c47e6b","href":"https://static.observableusercontent.com/files/ee7e360828b2f9eab29d560e2663d74dd2e31b04d81b06c5fcfb5ed66c3bc238d01700b172a324a82153fcfbe7b6067d31d440735c795c82ab1df24d77c47e6b","name":"dataDeathsPerTown@1.csv","type":"text/csv","lastModified":1620133923229.502,"size":4729},{"id":"444f960e95e00b32c2e66b610d46d73302ca0a17344f892765b895bac2eb8c217590b090bc9567a9ff042fd83e7d5a411cbc9a30df0f1923e66bedbbd0fa9a07","href":"https://static.observableusercontent.com/files/444f960e95e00b32c2e66b610d46d73302ca0a17344f892765b895bac2eb8c217590b090bc9567a9ff042fd83e7d5a411cbc9a30df0f1923e66bedbbd0fa9a07","name":"210427-deaths-output-v6-OpenStreetMap.json","type":"application/json","lastModified":1620144455583.891,"size":398717},{"id":"85a7c24feba204a96980352941a67fd61264d1c17cbd94937fd5c889f894a2c28e98120316009814a12548ed1a867afd5805f0d36628e3afa978f6e7b9bcf505","href":"https://static.observableusercontent.com/files/85a7c24feba204a96980352941a67fd61264d1c17cbd94937fd5c889f894a2c28e98120316009814a12548ed1a867afd5805f0d36628e3afa978f6e7b9bcf505","name":"210427-deathsRAW.csv","type":"text/csv","lastModified":1620319054478.381,"size":106923},{"id":"4157d1a911335ee0c71f29e530074d54e8ac7cebc1c523b6e951f84c0c97fe7ab52e854887e9d70c0760ba7077d910111c0270dcbf9baa33d555b98e4c2e72eb","href":"https://static.observableusercontent.com/files/4157d1a911335ee0c71f29e530074d54e8ac7cebc1c523b6e951f84c0c97fe7ab52e854887e9d70c0760ba7077d910111c0270dcbf9baa33d555b98e4c2e72eb","name":"20210503-MyanmarUnits.csv","type":"text/csv","lastModified":1620681396027.318,"size":2500037},{"id":"c3dadb1dd53b529ec65fab95ea33876990d2463fb76164db403d08327a24fdf98aeede49ca6c3ae95e08e68d7c0950dba58cb7ac45660739b7636c69acf917b6","href":"https://static.observableusercontent.com/files/c3dadb1dd53b529ec65fab95ea33876990d2463fb76164db403d08327a24fdf98aeede49ca6c3ae95e08e68d7c0950dba58cb7ac45660739b7636c69acf917b6","name":"Myanmar Spring Revolution Data - death_cases.csv","type":"text/csv","lastModified":1620918363925.606,"size":337481},{"id":"1f18615a2b3024049293fd7832520ee6ed2fcabe64cba3635c898cdc08712ce98027634f3d12bf0cfb6121f4fb411add8a13a423ba711e833c63b0c533fd8e81","href":"https://static.observableusercontent.com/files/1f18615a2b3024049293fd7832520ee6ed2fcabe64cba3635c898cdc08712ce98027634f3d12bf0cfb6121f4fb411add8a13a423ba711e833c63b0c533fd8e81","name":"SecurityForceMonitorLocationsCrosswalk.csv","type":"text/csv","lastModified":1621270432790.557,"size":173884},{"id":"6f04467dbf2dfa2b3fbf9bae882726aa2e054f9f0d948e7a0e0bc507f013fb33b9c67baa8633df747cda34bbfe854125901aedd589fbfd0e8cdd8d5802a7fa7f","href":"https://static.observableusercontent.com/files/6f04467dbf2dfa2b3fbf9bae882726aa2e054f9f0d948e7a0e0bc507f013fb33b9c67baa8633df747cda34bbfe854125901aedd589fbfd0e8cdd8d5802a7fa7f","name":"crosswalkTownships@1.csv","type":"text/csv","lastModified":1622127240995.612,"size":22102},{"id":"8e57b61d3a37b90a3f282fde66c6cce937a25c4406643ee8dbbceff7b4cd386f511a685dbcd3ef6a6f58bcb511286ee5859300305ad595ab07f1232f267b9cd6","href":"https://static.observableusercontent.com/files/8e57b61d3a37b90a3f282fde66c6cce937a25c4406643ee8dbbceff7b4cd386f511a685dbcd3ef6a6f58bcb511286ee5859300305ad595ab07f1232f267b9cd6","name":"MyanmarTownships.topo@2.json","type":"application/json","lastModified":1619726881687.902,"size":1400174},{"id":"8fc651511d7fd3433f416ebd9f4f49bae037858a87dad50f29c9eed62a347cde29bd61cc52ec6ce7653616e52b4c945dde789938bc2d81296ed38280ed2d0b55","href":"https://static.observableusercontent.com/files/8fc651511d7fd3433f416ebd9f4f49bae037858a87dad50f29c9eed62a347cde29bd61cc52ec6ce7653616e52b4c945dde789938bc2d81296ed38280ed2d0b55","name":"ne10.topo.json","type":"application/json","lastModified":1619727707077.047,"size":4833816},{"id":"5f2d43904f193977cfb6aaa24f8ab9dc72c898fae218213328dc2da4cfb2dcd43a55ac903956fffb2c203b84e6c34c07c4b252ea9c8a54980e696f4218a0dc0f","href":"https://static.observableusercontent.com/files/5f2d43904f193977cfb6aaa24f8ab9dc72c898fae218213328dc2da4cfb2dcd43a55ac903956fffb2c203b84e6c34c07c4b252ea9c8a54980e696f4218a0dc0f","name":"210427-deaths-output-v5-VirtualEarth@1.json","type":"application/json","lastModified":1620092210115.879,"size":481377},{"id":"955c0e5df413e9f976e81336c6a69560ecbac58933d44a4c84317c5e5b3a7157eab30273a507f3bb3f4704c9e1f0e9066bf4c30f39be677d2a985f0468164100","href":"https://static.observableusercontent.com/files/955c0e5df413e9f976e81336c6a69560ecbac58933d44a4c84317c5e5b3a7157eab30273a507f3bb3f4704c9e1f0e9066bf4c30f39be677d2a985f0468164100","name":"crosswalkTownships.csv","type":"text/csv","lastModified":1620318521756.204,"size":11865},{"id":"df096d2ebad04c3eeefbbf0fbf9f1f33ddba8dbbd65068be3fd9a85466bb9c2aec321761898656df2ab7f2eaa8c3d3b694906df7a9d04dad5775652779b4ab67","href":"https://static.observableusercontent.com/files/df096d2ebad04c3eeefbbf0fbf9f1f33ddba8dbbd65068be3fd9a85466bb9c2aec321761898656df2ab7f2eaa8c3d3b694906df7a9d04dad5775652779b4ab67","name":"ACLED_Myanmar_2021.csv","type":"text/csv","lastModified":1620770006479.34,"size":2942579}] 49:{"id":"0a57c67cb0db3a73","slug":"tracking-myanmar-deaths","title":"Tracking protester deaths during Myanmar's military coup","thumbnail":"110cb2252fe47cf275604748b558c93052bb271b70562cace5248c73f0e5717c","access_level":"public","create_time":"$D2021-04-28T14:09:19.569Z","update_time":"$D2022-03-14T14:46:46.544Z","view_time":null,"first_public_time":"$D2022-03-14T14:47:18.889Z","has_unpublished_edits":null,"fork":true,"stars":2,"starred":false,"owner":{"type":"team","id":"ef15c7dc08ff310a","login":"attharmirza","name":"Atthar Mirza","avatar_url":"https://avatars-next.observableusercontent.com/c6548762e639fc06322776fa9420be4efcc077b16c37718d318f8e81a334d7bd","tier":"starter_2024","bio":"Older brother. Graphics reporter.","followed_by_you":false,"follows_you":false},"version":1101,"publish_version":1101,"role":null,"authored":false,"authors":[{"type":"individual","id":"2446ab014ba8363c","login":"attharmirza","name":"Atthar Mirza","avatar_url":"https://avatars-next.observableusercontent.com/c6548762e639fc06322776fa9420be4efcc077b16c37718d318f8e81a334d7bd","tier":null,"bio":"Husband. Older brother. Maker.","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"2446ab014ba8363c","login":"attharmirza","name":"Atthar Mirza","avatar_url":"https://avatars-next.observableusercontent.com/c6548762e639fc06322776fa9420be4efcc077b16c37718d318f8e81a334d7bd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Tracking protester deaths during Myanmar's military coup","cells":[{"id":0,"value":"# Tracking protester deaths during Myanmar's military coup\n\n*Story by Joyce Sohyun Lee, Shibani Mahtani, Meg Kelly and Atthar Mirza*\n\nThis project was a research tool for examining the widespread casualties as a result of crackdowns on protests in Myanmar. It provided context for our investigation into the massacre in Bago on April 9, perpetrated by Myanmar's military. You can find the full story [here](https://www.washingtonpost.com/world/interactive/2021/myanmar-crackdown-military-coup/).\n\nUse the following input fields to narrow the data by *date of incident*:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":499,"value":"viewof dateStart = date({\n title: \"Start\",\n min: timeFormatterInput(scaleTime.domain()[0]),\n max: timeFormatterInput(scaleTime.domain()[1]),\n value: timeFormatterInput(scaleTime.domain()[0])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":516,"value":"viewof dateEnd = date({\n title: \"End\",\n min: timeFormatterInput(scaleTime.domain()[0]),\n max: timeFormatterInput(scaleTime.domain()[1]),\n value: timeFormatterInput(scaleTime.domain()[1])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"The chart below shows **protester deaths** per day. Bars show *total deaths*, including deaths by **gunshot** and **other** causes. Deaths from **unspecified** causes are also shown.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":269,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"md`The following graphic shows **protester deaths** ${\n dateStart == dateEnd\n ? `on *${timeFormatter(timeParserInput(dateStart))}*`\n : `between *${timeFormatter(\n timeParserInput(dateStart)\n )}* and *${timeFormatter(timeParserInput(dateEnd))}*`\n} by **township**. Look below the chart for more information.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"md`\n*Hover over a township for more information.*\n\nYou are currently hovering over ****, which has had **** deaths.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":863,"value":"findings = {\n const highestTownships = dataDeathsPerTown\n .sort((a, b) => d3.descending(a['deaths'], b['deaths']))\n .slice(0, 5);\n\n let highestTownshipsText = 'The hardest hit townships were: ';\n\n highestTownships.forEach((elem, i) => {\n if (i < highestTownships.length - 1) {\n highestTownshipsText =\n highestTownshipsText +\n `*${elem['township']}* with **${elem['deaths']}** deaths, `;\n } else {\n highestTownshipsText =\n highestTownshipsText +\n `and *${elem['township']}* with **${elem['deaths']}** deaths.`;\n }\n });\n\n return md`${highestTownshipsText}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"md`*Casualty data collected from local news and individual reports, geographic data from [MIMU](https://themimu.info/gis-resources), last updated ${timeFormatter(\n [...dataDeathsPerDay.keys()][[...dataDeathsPerDay.keys()].length - 1]\n)}*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"md`\n---\n## Configuring default paramaters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"dms = {\n let dimensions = {\n width: width,\n height: Math.min(width * (16 / 9), 900),\n heightSmall: width * (9 / 16),\n marginTop: 30\n };\n\n dimensions.marginLeft = dimensions.marginTop;\n dimensions.marginBottom = dimensions.marginTop;\n dimensions.marginRight = dimensions.marginTop;\n\n dimensions.chartWidth =\n dimensions.width - dimensions.marginLeft - dimensions.marginRight;\n dimensions.chartHeight =\n dimensions.height - dimensions.marginTop - dimensions.marginBottom;\n dimensions.chartHeightSmall =\n dimensions.heightSmall - dimensions.marginTop - dimensions.marginBottom;\n\n return dimensions;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"colors = {\n return {\n deaths: '#ff3333',\n deathsNone: '#ff9191',\n land: '#F7F7F7',\n boundary: '#C0C0C0'\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"md`## Dealing with dates`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":295,"value":"timeParser = function(date) {\n if (date.includes('/')) {\n return d3.timeParse(\"%d/%m/%Y\")(date);\n } else {\n return d3.timeParse(\"%d %b %Y\")(date);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":"timeFormatter = function(date) {\n const months = [\n \"Jan.\",\n \"Feb.\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"Aug.\",\n \"Sept.\",\n \"Oct.\",\n \"Nov.\",\n \"Dec.\"\n ];\n const monthIndex = +d3.timeFormat('%m')(date) - 1;\n const day = +d3.timeFormat('%e')(date);\n let remainingDate = \"\";\n\n if (day < 9) {\n remainingDate = d3.timeFormat(`${months[monthIndex]}%e, %Y`)(date);\n } else {\n remainingDate = d3.timeFormat(`${months[monthIndex]} %e, %Y`)(date);\n }\n\n return remainingDate;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"timeParserInput = d3.timeParse(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":505,"value":"timeFormatterInput = d3.timeFormat(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"md`## Accounting for town names`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"townsAAPP = [\n ...d3\n .rollup(\n dataDeaths.filter(f => f['Town_eng'].length > 0),\n v => {\n return {\n township: v[0]['Town_eng'],\n region: v[0]['State_Region']\n };\n },\n d => d['Town_eng']\n )\n .values()\n].sort((a, b) => d3.ascending(a['township'], b['township']))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"townsMIMU = {\n const states = geoMyanmarTownships['features'].map(d => {\n return {\n township: d['properties']['TS'],\n district: d['properties']['DT'],\n state: d['properties']['ST']\n };\n });\n\n return states.sort((a, b) => d3.ascending(a['township'], b['township']));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":747,"value":"crosswalk = {\n const attachment = await FileAttachment(\"crosswalkTownships@1.csv\").text();\n return d3.csvParse(attachment).map(d => {\n const townshipAAPP = [];\n\n for (let i = 1; i <= 6; i++) {\n if (d['townshipAAPP-v' + i].length > 0) {\n townshipAAPP.push(d['townshipAAPP-v' + i]);\n }\n }\n\n const e = {\n district: d['district'],\n state: d['state'],\n townshipMIMU: d['townshipMIMU']\n };\n\n d['townshipSFM'].length > 0 ? (e['townshipSFM'] = d['townshipSFM']) : null;\n townshipAAPP.length > 0 ? (e['townshipAAPP'] = townshipAAPP) : null;\n\n return e;\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":971,"value":"crosswalkSFM = {\n const attachment = await FileAttachment(\n \"SecurityForceMonitorLocationsCrosswalk.csv\"\n ).text();\n\n return d3.rollup(\n d3.csvParse(attachment),\n v => v[0],\n d => d['location:humane_id:admin']\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`## Loading and transforming data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":830,"value":"dataLegend = [0, 30, 60, 120]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"dataDeaths = {\n const attachment = await FileAttachment(\n \"Myanmar Spring Revolution Data - death_cases.csv\"\n ).text();\n\n return d3\n .csvParse(attachment)\n .map(d => {\n d[\"DateRaw\"] = timeParser(d[\"Incident Date\"]);\n d[\"DateFormatted\"] = timeFormatter(d[\"DateRaw\"]);\n\n d['Location'] = {\n township: d['Town_eng'] === \"Mandalay\" ? 'Mahaaungmyay' : d['Town_eng'],\n state: d['State_Region']\n };\n\n return d;\n })\n .filter(d => d[\"DateRaw\"] != null);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1023,"value":"dataDeathsPerDayAndTown = {\n const totals = d3.rollups(\n dataDeaths\n .sort((a, b) => d3.ascending(a['DateRaw'], b['DateRaw']))\n .filter(f => f[\"Location\"][\"township\"]),\n v => v.length,\n d => d['DateRaw'],\n d => d['Location']['township']\n );\n\n const totalsProcessed = totals.map(d =>\n d[1].map(e => {\n return { date: d[0], township: e[0], deaths: e[1] };\n })\n );\n\n return d3\n .merge(totalsProcessed)\n .sort((a, b) => d3.descending(a['deaths'], b['deaths']));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"dataDeathsPerDay = d3.rollup(\n dataDeaths.sort((a, b) => d3.ascending(a['DateRaw'], b['DateRaw'])),\n v => {\n return {\n date: v[0]['DateRaw'],\n total: v.length,\n gunshot: v.filter(f => f['Type'].includes('gunshot')).length,\n other: v.filter(\n f => f['Type'].includes('gunshot') == false && f['Type'].length > 0\n ).length,\n unknown: v.filter(f => f['Type'].length < 1).length\n };\n },\n d => d[\"DateRaw\"]\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"dataDeathsPerTown = [\n ...d3\n .rollup(\n dataDeaths\n .filter(f => f[\"Location\"][\"township\"])\n .filter(\n f =>\n timeParserInput(dateStart) <= f['DateRaw'] &&\n f['DateRaw'] <= timeParserInput(dateEnd)\n ),\n v => {\n const deaths = v.length;\n const deathsGunshot = v.filter(\n f => f['Type'].includes('gunshot') && f['Type'].length > 0\n ).length;\n const township = v[0][\"Location\"][\"township\"];\n const state = v[0][\"Location\"][\"state\"];\n\n return { township, state, deaths, deathsGunshot };\n },\n d => d[\"Location\"][\"township\"]\n )\n .values()\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":825,"value":"dataDeathsPerTownTotal = [\n ...d3\n .rollup(\n dataDeaths.filter(f => f[\"Location\"][\"township\"]),\n v => {\n const deaths = v.length;\n const deathsGunshot = v.filter(\n f => f['Type'].includes('gunshot') && f['Type'].length > 0\n ).length;\n const township = v[0][\"Location\"][\"township\"];\n const state = v[0][\"Location\"][\"state\"];\n const deathsArray = v;\n\n return { township, state, deaths, deathsGunshot, deathsArray };\n },\n d => d[\"Location\"][\"township\"]\n )\n .values()\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"md`## Preparing base map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"geoMyanmarBorder = {\n const attachment = await FileAttachment(\"ne10.topo.json\").json();\n\n // return attachment;\n\n const converted = topojson.feature(\n attachment,\n attachment['objects']['ne_10m_admin_0_countries']\n );\n\n // return converted;\n\n return converted['features'].filter(\n f => f['properties']['ISO_A3'] == 'MMR'\n )[0];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"geoMyanmarTownships = {\n const attachment = await FileAttachment(\n \"MyanmarTownships.topo@2.json\"\n ).json();\n\n return topojson.feature(\n attachment,\n attachment['objects']['MyanmarTownships']\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"md`Once I've got the geographic data, I use some conversion methods built into D3 for drawing the data in an SVG canvas.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"projection = {\n // \"+proj=laea +lon_0=96.328125 +lat_0=18.2744487 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs\"\n\n // return d3\n // .geoMercator()\n // .fitExtent(\n // [[dms.marginLeft, dms.marginTop], [dms.chartWidth, dms.chartHeight]],\n // geoMyanmarBorder\n // );\n\n return proj4d3(\n `+proj=laea +lon_0=96.328125 +lat_0=18.2744487 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs`\n ).fitExtent(\n [[dms.marginLeft, dms.marginTop], [dms.chartWidth, dms.chartHeight]],\n geoMyanmarBorder\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"md`## Creating scales`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1037,"value":"// {\n// const dates = [...dataDeathsPerDay.keys()];\n// // return dates[dates.length - 1];\n// return d3.timeDay.offset(dates[dates.length - 1], 1);\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"scaleTime = {\n const dates = [...dataDeathsPerDay.keys()];\n\n return d3\n .scaleTime()\n .domain([dates[0], d3.timeDay.offset(dates[dates.length - 1], 1)])\n .range([0, dms.chartWidth]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"rangeDates = {\n const range = d3.timeDay.range(\n scaleTime.domain()[0],\n scaleTime.domain()[1],\n 1\n );\n\n range.push(scaleTime.domain()[1]);\n\n return range;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"scaleDeaths = {\n const deaths = [...dataDeathsPerDay.values()];\n\n return d3\n .scaleLinear()\n .domain([0, d3.max(deaths, d => d['total'])])\n .range([dms.chartHeightSmall, 0])\n .nice();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":655,"value":"scaleDeathsGradient = {\n const deaths = dataDeathsPerTown;\n\n // return d3.max(deaths, d => +d['deaths']);\n\n return d3\n .scaleLinear()\n .domain([0, d3.max(deaths, d => +d['deaths'])])\n .interpolate(d3.interpolateRgb)\n .range(['#fff', colors.deaths]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":707,"value":"scaleDeathsRadius = {\n const deaths = dataDeathsPerTownTotal;\n\n // return d3.max(deaths, d => +d['deaths']);\n\n return d3\n .scaleLinear()\n .domain([0, d3.max(deaths, d => +d['deaths'])])\n .range([0, 300]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":816,"value":"scaleDeathsSpike = {\n const deaths = dataDeathsPerTownTotal;\n\n // return d3.max(deaths, d => +d['deaths']);\n\n return d3\n .scaleLinear()\n .domain([0, d3.max(deaths, d => +d['deaths'])])\n .range([0, 50]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":806,"value":"md`## Assembling other visual assets`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":809,"value":"spike = function(heightInput, widthInput) {\n return `M ${-widthInput / 2},0 0,${-heightInput} ${widthInput / 2},0`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md`\n---\n## Libraries and packages`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"topojson = require(\"topojson-client@3\", \"topojson-simplify@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"commafy = function(str) {\n return str.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"import { proj4d3 } from \"@fil/proj4js-d3\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"import { date } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"1"}} 44:null