31: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(); }32: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(); }33:[{"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}] 2f:{"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"},{"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"},{"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"},{"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"},{"id":269,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":28,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"id":8,"value":"md`\n---\n## Configuring default paramaters`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":264,"value":"md`## Dealing with dates`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":553,"value":"timeParserInput = d3.timeParse(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":505,"value":"timeFormatterInput = d3.timeFormat(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":729,"value":"md`## Accounting for town names`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"id":19,"value":"md`## Loading and transforming data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":830,"value":"dataLegend = [0, 30, 60, 120]","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"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"},{"id":95,"value":"md`## Preparing base map`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"id":114,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":43,"value":"md`## Creating scales`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"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"},{"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"},{"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"},{"id":806,"value":"md`## Assembling other visual assets`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":6,"value":"md`\n---\n## Libraries and packages`","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"topojson = require(\"topojson-client@3\", \"topojson-simplify@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"commafy = function(str) {\n return str.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"import { proj4d3 } from \"@fil/proj4js-d3\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":329,"value":"import { date } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}