28:null 29:["$","title",null,{"children":"Graphique EN (3717) | Marc Thevenin | Observable"}] 2e:T5d0,plot1 = Plot.plot({ width: rWidth, width: rWidth, height: rWidth>900 ? 0.25*rWidth : rWidth>600 ? 0.3*rWidth : 200, marginTop: 30, marginLeft: rWidth>900 ? 70 : rWidth>600 ? 60: 50, marginRight: rWidth>600 ? 30 : 10, marginBottom: 0, y: {domain: [0,400], grid: true, label: null, inset:20, ticks: nTicksY,}, x: {axis: true, grid: true, ticks: nTicksX, label: null, inset: 5, axis:false}, color: {legend: false, domain: ["Inflows", "Outflows", "Net migration"], range: [pal100[0], pal100[8], pal100[5]]}, marks: [ Plot.ruleX([2006, {strokeWidth: 0.4, stroke: "black"}]), Plot.areaY(XX, {filter: d=> select===d.popEn, x: "annee", y1: "entrées" , y2:"sorties", fill: "#ffe8be", fillOpacity:.2,}), Plot.line(df, {filter: d=> d.popEn === select && d.fluxEn!="Net migration", x: "annee", y:"n", stroke:"fluxEn", strokeWidth: strokeW, channels: { flux: {value: "fluxEn", label: ""}, annee: {value: "annee", label: ""}, nombre : {value: "n", label:""}, }, tip: {format:{x: false, y: false, stroke: false, z: false, flux: true, annee: "d", nombre: d=> `${d} 000`}, stroke: "transparent"} }), Plot.ruleY([0], {strokeWidth: 0.5, stroke: "black"}), Plot.text(["Flows (in thousands)"], {x: 2006.1, y: 420, textAnchor: "start", className:"label"}) ] })2f:T563,plot2 = Plot.plot({ width: rWidth, height: rWidth>900 ? 0.25*rWidth : rWidth>600 ? 0.3*rWidth : 200, marginTop: 10, marginLeft: rWidth>900 ? 70 : rWidth>600 ? 60: 50, marginRight: rWidth>600 ? 30 : 10, marginBottom: width>900 ? 50 : rWidth> 600 ? 40 : 35, y: {domain: [-200,350], label: null, grid: true, inset:10, ticks: 5, }, x: {grid: true, tickFormat: "d", ticks: nTicksX, tickSize: width>500 ? 10 : 5, label: "Year", anchor:"top", labelArrow: false, inset: 5}, marks: [ Plot.ruleX([2006, {strokeWidth: 0.4, stroke: "black"}]), Plot.areaY(df, {filter: d=> d.popEn === select && d.fluxEn=="Net migration" & d.annee<2023, x:"annee", y: "n", curve:"step", fill: "#ffe8be", fillOpacity:.2, }), Plot.line(df, {filter: d=> d.popEn === select && d.fluxEn=="Net migration", x:"annee", y: "n", curve:"step", stroke: pal100[5], strokeWidth: strokeW, channels: { annee: {value: "annee", label: ""}, solde: {value: "n", label: ""}, }, tip: {format: {x:false, y: false, annee: "d", solde: d=> `${d} 000`}, stroke: "transparent"} }), Plot.ruleY([0], {strokeWidth: 0.5, stroke: "black"}), Plot.text(["Net migration (in thousands)"], {x: 2006.1, y: 350, textAnchor: "start", className:"label"}) ] })30:Tddb,boxPlot = htl.html `

${viewof rWidth} ${viewof select} ${leg} ${cssLegend} ${plot1} ${plot2}

Note : Non-immigrants are individuals born in France or born abroad to French parents.

Scope : France excluding Mayotte through 2013 and including Mayotte starting in 2014.

Sources : INSEE, EAR 2007–2024 and estimates of arrivals for Mayotte; population censuses and population estimates; estimates of departures.

`31:T96b, 32:[] 2c:{"id":"0ca9069d19d2481b","slug":null,"title":"Graphique EN (3717)","thumbnail":"4719dfb69abb60794e15943403e8ec8c1b250d358bd5fb8e90d2c3711218532c","access_level":"public","create_time":"$D2026-01-05T10:03:17.874Z","update_time":"$D2026-09-18T21:48:25.698Z","view_time":null,"first_public_time":"$D2026-01-05T10:03:17.874Z","has_unpublished_edits":null,"fork":{"id":"65e93606f947922c","slug":null,"title":"Graphique FR (3717)","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"stars":0,"starred":false,"owner":{"type":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/6ae55bec6f9ba0bbe9597b60f19a08df8d2f5b06630eb6929919d0306a71b058","tier":"free_2026"},"version":721,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b5b022ef44e3d3a2","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/ff86d75fca849a58a73d37988818fed6fa039e41541174c8654ac020ffc491f5","tier":null}],"members":[{"type":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/6ae55bec6f9ba0bbe9597b60f19a08df8d2f5b06630eb6929919d0306a71b058","tier":"free_2026","role":"editor"},{"type":"individual","id":"b5b022ef44e3d3a2","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/ff86d75fca849a58a73d37988818fed6fa039e41541174c8654ac020ffc491f5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"21bf24bc495841e3","slug":"migrations-internationales","title":"Migrations internationales","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Graphique EN (3717)","cells":[{"id":0,"value":"# Graphique EN (3717)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"currentTime = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"yearCaption = currentTime.getFullYear()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"pal100 = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#4f4f4f\", //gray\n \"#ff362d\", //red dark\n \"#0036bc\", //blue dark [8]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"df = d3.csv(\"https://raw.githubusercontent.com/mthevenin/tssp/refs/heads/main/Migrations_internationales/graph.csv\", d3.autoType) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"entréesImm = df.filter(d=> d.fluxEn===\"Inflows\" && d.popEn===\"Immigrants\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"entréesNImm = df.filter(d=> d.fluxEn===\"Inflows\" && d.popEn===\"Non-immigrants\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"sortiesImm = df.filter(d=> d.fluxEn===\"Outflows\" && d.popEn===\"Immigrants\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"sortiesNImm = df.filter(d=> d.fluxEn===\"Outflows\" && d.popEn===\"Non-immigrants\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"dataEntréesImm = entréesImm.map(d=>({\n annee: d.annee,\n entrées: d.n,\n popEn: d.popEn\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"dataSortiesImm = sortiesImm.map(d=>({\n annee: d.annee,\n sorties: d.n,\n popEn: d.popEn\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":295,"value":"largeImm = dataEntréesImm.map(d1 => {\n const d2 = dataSortiesImm.find(d2 => d2.annee === d1.annee);\n return { ...d2, ...d1 };\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"dataEntréesNImm = entréesNImm.map(d=>({\n annee: d.annee,\n entrées: d.n,\n popEn: d.popEn\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"dataSortiesNImm = sortiesNImm.map(d=>({\n annee: d.annee,\n sorties: d.n,\n popEn: d.popEn\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"largeNImm = dataEntréesNImm.map(d1 => {\n const d2 = dataSortiesNImm.find(d2 => d2.annee === d1.annee);\n return { ...d2, ...d1 };\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"XX = largeNImm.concat(largeImm)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"entréesPlus = XX.filter(d=> d.entrées>d.sorties)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"sortiesPlus = XX.filter(d=> d.entrées1600) {return n = 700 } \n if (width>1000) {return n = 550 }\n if (width>400) {return n = 300 } \n else {return n = 280}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"height2 = {\nlet n;\n if (width>1600) {return n = 600 } \n if (width>1000) {return n = 500 }\n if (width>400) {return n = 250 } \n else {return n = 200}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"mLeft = {\n let n;\n if (width>400) {return n=90} \n else {return n=40}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":388,"value":"mBottom = {\n let n;\n if (width>800) {return n=70} \n if (width>400) {return n=50} \n else {return n=40}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"nTicksX = {\nlet n;\n if (width>700) {return n = 8 }\n else {return n = 3}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"nTicksY = {\nlet n;\n if (width>700) {return n = 8 }\n else {return n = 4}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"strokeW = {\n let n;\n if (width>400) {return n=5} \n else {return n=3}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"$31","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssGeneral","database":"$undefined"},{"id":690,"value":"import {legend, cssLegend} from \"@wsthevenin/mtinput\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":695,"value":"viewof rWidth = {\n const div = html`

`;\n const ro = new ResizeObserver(entries => {\n const w = entries[0].contentRect.width;\n if (w > 0 && w !== div.value) {\n div.value = w;\n div.dispatchEvent(new CustomEvent(\"input\"));\n }\n });\n ro.observe(div);\n div.value = div.getBoundingClientRect().width || 800;\n return div;\n} ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 2d:"$2c:body"