28:null 29:["$","title",null,{"children":"Graphique FR (3717) | Marc Thevenin | Observable"}] 2e:T546,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}, marks: [ Plot.ruleX([2006, {strokeWidth: 0.4, stroke: "black"}]), Plot.areaY(XX, {filter: d=> select===d.pop, x: "annee", y1: "entrées" , y2:"sorties", fill: "#ffe8be", fillOpacity:.2,}), Plot.line(df, {filter: d=> d.pop === select && d.flux!="Solde", x: "annee", y:"n", stroke:"flux", strokeWidth: rWidth>600 ? 4 :2.5, channels: { flux: {value: "flux", 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(["Flux (en milliers)"], {x: 2006.1, y: 420, textAnchor: "start", className:"label"}) ] })2f:T54d,plot2 = Plot.plot({ width: rWidth, 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, label: "Année", anchor:"top", labelArrow: false, inset: 5}, marks: [ Plot.ruleX([2006, {strokeWidth: 0.4, stroke: "black"}]), Plot.areaY(df, {filter: d=> d.pop === select && d.flux=="Solde" & d.annee<2023, x:"annee", y: "n", curve:"step", fill: "#ffe8be", fillOpacity:.2, }), Plot.line(df, {filter: d=> d.pop === select && d.flux=="Solde", x:"annee", y: "n", curve:"step", stroke: pal100[5], strokeWidth: rWidth>600 ? 4 :2.5, 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(["Solde (en milliers)"], {x: 2006.1, y: 350, textAnchor: "start", className:"label"}) ] })30:Tf41,boxPlot = htl.html `

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

Note : Les personnes non immigrées sont nées en France ou nées Françaises à l’étranger.

Champ : France hors Mayotte jusqu’en 2013 et y compris Mayotte à partir de 2014.

Sources : Insee, EAR 2007 à 2024 et estimations d’entrées pour Mayotte ; recensements de la population et estimations de population ; estimation des sorties.

`31:T96b, 32:[{"id":"71aaf835965c5dd24b195a9cbeea36a6915e3be01019cc51ea8c7ff1c1a4e29ebd3dc82dcccbf3cf6a861639c7525f8574595fed62656649f18795bd49a1c1f6","href":"https://static.observableusercontent.com/files/71aaf835965c5dd24b195a9cbeea36a6915e3be01019cc51ea8c7ff1c1a4e29ebd3dc82dcccbf3cf6a861639c7525f8574595fed62656649f18795bd49a1c1f6","name":"caracteristiques_migrations_tab_fe.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1764592369693.88,"size":8853}] 2c:{"id":"65e93606f947922c","slug":null,"title":"Graphique FR (3717)","thumbnail":"f8477651d0376b31bf41ebfbc6c286255999d3f5859ba81bd779861076d396a2","access_level":"public","create_time":"$D2025-08-05T11:49:07.461Z","update_time":"$D2026-09-18T21:48:34.178Z","view_time":null,"first_public_time":"$D2025-08-05T13:33:08.601Z","has_unpublished_edits":null,"fork":{"id":"7066751e08e921f4","slug":null,"title":"Immigrés et étrangers - Graph (3718)","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":733,"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":1,"collection":{"id":"21bf24bc495841e3","slug":"migrations-internationales","title":"Migrations internationales","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Graphique FR (3717)","cells":[{"id":0,"value":"# Graphique FR (3717)","pinned":true,"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":false,"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.flux===\"Entrées\" && d.pop===\"Immigrés\")","pinned":false,"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.flux===\"Entrées\" && d.pop===\"Non immigrés\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"sortiesImm = df.filter(d=> d.flux===\"Sorties\" && d.pop===\"Immigrés\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"sortiesNImm = df.filter(d=> d.flux===\"Sorties\" && d.pop===\"Non immigrés\")","pinned":false,"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 pop: d.pop\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 pop: d.pop\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 pop: d.pop\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 pop: d.pop\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":true,"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":670,"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":673,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":675,"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"