31:T7b1,{ const fills = ['red', 'green', 'blue', 'yellow', 'purple', 'orange', 'brown', 'gray', 'black']; // red = Libya // green = Sudan // blue = Syria // yellow = Iraq // purple = Yemen // orange = Somalia const chartWidth = 1000; const chartHeight = 200; const svg = html`

${svg.outerHTML}

`; }32:T57d,detailedData = { const dataByDayUnordered = new Map(); const countries = new Map(); const start = dateFromString(startDate); const end = dateFromString(endDate); for (const {day, country, sum} of data) { const dayDate = dateFromString(day); if (dayDate < start || dayDate > end) continue; if (!includeCountries.includes(country)) continue; const combined = dataByDayUnordered.has(day) ? dataByDayUnordered.get(day) : new Map(); const amount = countries.has(country) ? countries.get(country) : 0; const newAmount = parseInt(sum); combined.set(country, newAmount); dataByDayUnordered.set(day, combined); countries.set(country, amount + newAmount); } const dataByDay = new Map(); for (const date of iterateDates()) { if (dataByDayUnordered.has(date)) { dataByDay.set(date, dataByDayUnordered.get(date)); } else { dataByDay.set(date, new Map()); } } let maxPerDay = 0; dataByDay.forEach((countryCounts, day) => { let total = 0; for (const [country, sum] of countryCounts.entries()) { total += sum; } if (total > maxPerDay) maxPerDay = total; dataByDay.set(day, {total, countryCounts}); }); const countryCounts = Array.from(countries.entries()).sort((a, b) => a[1] > b[1] ? -1 : (a[1] < b[1] ? 1 : 0)).map(([country, count]) => ({country, count})); return {dataByDay, countryCounts, maxPerDay}; }33:[] 2f:{"title":"Refugee immigration by day","cells":[{"id":0,"value":"md`# Refugee immigration by day`","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"viewof startDate = date({\n title: 'Start date', \n min: '2002-01-01',\n max: '2018-01-01',\n value: '2016-01-01',\n submit: 'Go',\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"viewof endDate = date({\n title: 'End date', \n min: '2002-01-01',\n max: '2018-01-01',\n value: '2017-01-01',\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"includeCountries = ['Libya', 'Sudan', 'Syria', 'Iran', 'Yemen', 'Somalia'] // you can modify, then re-evaluate with shift-enter","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"data = d3.csv('https://gist.githubusercontent.com/freedmand/9abdbc9a9f8f4869e11bb72d2d22c547/raw/ec25073e6dfd96222c493b1b075cb7379875c476/refugee_country_by_day.csv')","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"Array.from(iterateDates())","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"function *iterateDates() {\n let i = dateFromString(startDate);\n const end = dateFromString(endDate);\n while (i <= end) {\n yield `${i.getFullYear()}-${pad(i.getMonth() + 1)}-${pad(i.getDate())}`;\n i = tomorrow(i);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"function dateFromString(s) {\n const d = new Date();\n const parts = s.split('-').map((x) => parseInt(x));\n d.setFullYear(parts[0]);\n d.setMonth(parts[1] - 1);\n d.setDate(parts[2]);\n return d;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"function tomorrow(date) {\n return new Date(date.getTime() + 1000 * 60 * 60 * 24);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"function pad(s) {\n s = `${s}`;\n if (s.length == 1) return `0${s}`;\n return s;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"import {date} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}