27:null 28:["$","title",null,{"children":"Immigration & Population Growth | Luc Guillemot | Observable"}] 2d:[{"id":"d4280ee47dd5ebcb05a3481781dda007ae665fc7c2844a83720f2bb138f55f77da425bdbcfec43fff7bc98be89eaba65d618a6d1e08757d05e17cfa277c97c5d","href":"https://static.observableusercontent.com/files/d4280ee47dd5ebcb05a3481781dda007ae665fc7c2844a83720f2bb138f55f77da425bdbcfec43fff7bc98be89eaba65d618a6d1e08757d05e17cfa277c97c5d","name":"world-demographics@6.json","type":"application/json","lastModified":1705352647152.945,"size":9667587}] 2b:{"id":"6541957cf26bebab","slug":null,"title":"Immigration & Population Growth","thumbnail":"a223d8c744613d8f2f701ff97bd69c09c989d8eec31639d19301bf3eb2eac5f5","access_level":"public","create_time":"$D2024-01-11T15:25:52.408Z","update_time":"$D2024-01-26T11:07:36.281Z","view_time":null,"first_public_time":"$D2024-01-11T15:25:52.408Z","has_unpublished_edits":null,"fork":{"id":"e48bf34c52588bc9","slug":"plot-scatterplot","title":"Plot Scatterplot","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":1,"starred":false,"owner":{"type":"team","id":"4eed1ed0ec8c7a2c","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":"starter_2024"},"version":462,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dbce705bc4e76709","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":null}],"members":[{"type":"individual","id":"dbce705bc4e76709","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Immigration & Population Growth","cells":[{"id":0,"value":"# Immigration & Population Growth","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"createSegments(\"migrationRate\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":409,"value":"createSegments(\"NatChangeRT\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"data = FileAttachment(\"world-demographics@6.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"untilNow = data.filter((d) => d.year <= 2023).map(d => ({...d, pop: d.pop * 1000}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"selection = untilNow.filter((d) => selectedCountries.includes(d.ISO3))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"chn = untilNow\n .filter((d) => d.ISO3 === \"CHN\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"chnSegments = [createSegmentsWithoutPeriod(chn, 'migrationRate')]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"