2f:[{"id":"d4280ee47dd5ebcb05a3481781dda007ae665fc7c2844a83720f2bb138f55f77da425bdbcfec43fff7bc98be89eaba65d618a6d1e08757d05e17cfa277c97c5d","href":"https://static.observableusercontent.com/files/d4280ee47dd5ebcb05a3481781dda007ae665fc7c2844a83720f2bb138f55f77da425bdbcfec43fff7bc98be89eaba65d618a6d1e08757d05e17cfa277c97c5d","name":"world-demographics@6.json","type":"application/json","lastModified":1705352647152.945,"size":9667587}] 2d:{"title":"Immigration & Population Growth","cells":[{"id":0,"value":"# Immigration & Population Growth","pinned":false,"hidden":false,"mode":"md"},{"id":418,"value":"selectedCountries = [\n \"DEU\"\n // \"CHN\",\n // \"IND\",\n // \"USA\",\n // \"NGA\",\n // \"PAK\",\n // \"COD\",\n // \"ETH\"\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":415,"value":"Plot.plot({\n width: 1200,\n height: 600,\n inset: 10,\n color: { legend: true },\n x: { label: \"pop\", grid: true },\n y: { label: \"migration rate\", grid: true },\n marks: [\n Plot.line(selection, {\n x: \"pop\",\n y: \"migrationRate\",\n z: \"location\",\n stroke: \"location\",\n marker: true\n }),\n\n Plot.text(selection, {\n filter: (d) => d.year % 5 === 0,\n x: \"pop\",\n y: \"migrationRate\",\n fill: \"location\",\n text: (d) => `${d.year}`,\n dy: -8\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":405,"value":"createSegments(\"migrationRate\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":409,"value":"createSegments(\"NatChangeRT\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":403,"value":"/** This function generates coordinates for the lines connecting dots (for use in Datawrapper) */\ncreateSegments = (property) => {\n const groups = d3.groups(\n deu.filter((d) => d.year > 1949),\n (d) => d.period\n );\n\n return groups.map(([period, periodData], groupIndex) => {\n return periodData.reduce((acc, cur, i) => {\n const endX =\n i < periodData.length - 1\n ? periodData[i + 1].pop\n : +period < 6\n ? groups[groupIndex + 1][1][0].pop\n : null;\n const endY =\n i < periodData.length - 1\n ? periodData[i + 1][property]\n : +period < 6\n ? `${groups[groupIndex + 1][1][0][property]} @stroke:${\n colorMatch[cur.period]\n } @width:8 @opacity:0.3 @color:transparent`\n : `@stroke:${\n colorMatch[cur.period]\n } @width:8 @opacity:0.3 @color:transparent`;\n\n return [...acc, cur.pop, cur[property], endX, endY];\n }, []);\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"data = FileAttachment(\"world-demographics@6.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"untilNow = data.filter((d) => d.year <= 2023).map(d => ({...d, pop: d.pop * 1000}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":90,"value":"deu = untilNow\n .filter((d) => d.ISO3 === \"DEU\")\n .map((d) => ({\n ...d,\n period:\n d.year < 1952\n ? 1\n : d.year < 1973\n ? 2\n : d.year < 1984\n ? 3\n : d.year < 2000\n ? 4\n : d.year < 2007\n ? 5\n : 6\n }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":253,"value":"selection = untilNow.filter((d) => selectedCountries.includes(d.ISO3))","pinned":true,"hidden":false,"mode":"ojs"},{"id":298,"value":"colorMatch = ({\n \"1\": \"#5e5e5e\",\n \"2\": \"#ffab00\",\n \"3\": \"#5e5e5e\",\n \"4\": \"#f46333\",\n \"5\": \"#5e5e5e\",\n \"6\": \"#cc184f\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":446,"value":"chn = untilNow\n .filter((d) => d.ISO3 === \"CHN\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":455,"value":"chnSegments = [createSegmentsWithoutPeriod(chn, 'migrationRate')]","pinned":true,"hidden":false,"mode":"ojs"},{"id":449,"value":"createSegmentsWithoutPeriod = (data, property) => {\n\n return data.reduce((acc, cur, i) => {\n const endX = i < data.length - 1 ? data[i + 1].pop : null;\n const endY =\n i < data.length - 1\n ? data[i + 1][property]\n : `@stroke:#FF6300 @width:8 @opacity:0.3 @color:transparent`;\n\n return [...acc, cur.pop, cur[property], endX, endY];\n }, []);\n \n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}