28:null 29:["$","title",null,{"children":"Immigrés et étrangers - Graph (3718) | Marc Thevenin | Observable"}] 2e:T8dd,plot= Plot.plot({ width: rWidth, width: rWidth, height: rWidth>900 ? 0.60*rWidth : rWidth>600 ? 0.7*rWidth : 350, marginTop: rWidth >900 ? 40 : 30, marginLeft: rWidth>900 ? 65 : rWidth>600 ? 55: 40, marginRight: rWidth>600 ? 30 : 20, marginBottom: width>900 ? 50 : rWidth> 600 ? 40 : 35, y: {domain: [0,max], tickFormat: d=> d.toLocaleString(), ticks: 8, grid:true, inset: 10, label: select, labelArrow: false}, x: {tickFormat: "d", grid: true, label: "Année", ticks: rWidth>600 ? 10 : 5, labelArrow: false, domain: [1920,2024], tickSize: rWidth>600 ? 10 : 5}, color: {legend: false, domain: ["Immigrés", "Etrangers"], range: [pal100[0], pal100[2]] }, marks: [ Plot.frame(), Plot.line(filter, { x: "annee", y:"n", stroke: "pop", strokeWidth: rWidth>600 ? 4 : 2.5, curve: "catmull-rom", channels: { annee: {value: "annee", label: ""}, pop: {value: "pop", label: ""}, provisoire: {value: "provisoire", label:""}, }, tip: {format:{annee: "d", pop: true, x: false, z: false, stroke: false, y: d=>d.toLocaleString()}, stroke: "transparent"} }), Plot.text(["Crise\nde 1929"], {x:1929, y: d=> select==="Nombre (en milliers)" ? 4000 : 9, textAnchor:"start", className:"note", lineAnchor:"bottom"}), Plot.arrow([1], {x1: 1929, x2: 1929, y1: d=> select==="Nombre (en milliers)" ? 3900 : 8.9, y2: d=> select==="Nombre (en milliers)" ? 2800 : 6.7, bend:-10}), Plot.text(["Choc\npétrolier"], {x:1973, y: d=> select==="Nombre (en milliers)" ? 1200 : 3, textAnchor:"end", className:"note", lineAnchor:"top"}), Plot.arrow([1], {x1: 1973, x2: 1973, y1: d=> select==="Nombre (en milliers)" ? 1200 : 3, y2: d=> select==="Nombre (en milliers)" ? 3100 : 6, bend:-10}), Plot.text(["Crise\nfinancière"], {x:2000, y: d=> select==="Nombre (en milliers)" ? 7000 : 10, textAnchor:"end", className:"note", lineAnchor:"bottom"}), Plot.arrow([1], {x1: 2000, x2: 2008, y1: d=> select==="Nombre (en milliers)" ? 7000 : 10, y2: d=> select==="Nombre (en milliers)" ? 5450 : 8.5, bend:-10}) ] })2f:T120f,boxPlot = htl.html `

${viewof rWidth}

${viewof select}

${legendFr} ${cssLegend}

${plot}

Résultats provisoires en 2023 et 2024.

Champ : France hexagonale de 1921 à 1982 ; France hors Mayotte de 1990 à 2013 et y compris Mayotte à partir de 2014.

Note :

Les étrangers sont les personnes qui résident en France et qui ne possèdent pas la nationalité française.
Les immigrés sont les personnes nées de nationalité étrangère à l’étranger.

Sources : Insee, recensements de la population et estimations de population.

`30:T915,plotEn= Plot.plot({ width: rWidth, height: rWidth>900 ? 0.60*rWidth : rWidth>600 ? 0.7*rWidth : 350, marginTop: rWidth >900 ? 40 : 30, marginLeft: rWidth>900 ? 65 : rWidth>600 ? 55: 40, marginRight: rWidth>600 ? 30 : 20, marginBottom: width>900 ? 50 : rWidth> 600 ? 40 : 35, y: {domain: [0,maxEn], tickFormat: d=> d.toLocaleString("en-US"), ticks: 8, grid:true, inset: 10, label: selectEn, labelArrow: false}, x: {tickFormat: "d", tickSize: width>600 ? 10 : 5, grid: true, label: "Year", ticks: width>600 ? 10 : 5, labelArrow: false, domain: [1920,2024]}, color: {legend: false, domain: ["Immigrants", "Foreigners"], range: [pal100[0], pal100[2]] }, marks: [ Plot.frame(), Plot.line(filterEn, { x: "annee", y:"n", stroke: "popEn", strokeWidth: width>600 ? 4 : 2.5, curve: "catmull-rom", channels: { annee: {value: "annee", label: ""}, pop: {value: "popEn", label: ""}, provisoire: {value: "provisoireEn", label:""}, }, tip: {format:{annee: "d", pop: true, x: false, z: false, stroke: false, y: d=>d.toLocaleString("en-US")}, stroke: "transparent"} }), Plot.text(["Great\nDepression"], {x:1929, y: d=> select==="Nombre (en milliers)" ? 4000 : 9, textAnchor:"start", className:"note", lineAnchor:"bottom"}), Plot.arrow([1], {x1: 1929, x2: 1929, y1: d=> select==="Nombre (en milliers)" ? 3900 : 8.9, y2: d=> select==="Nombre (en milliers)" ? 2800 : 6.7, bend:-10}), Plot.text(["Oil\nchock"], {x:1972.8, y: d=> selectEn==="Number (in thousands)" ? 1200 : 3, textAnchor:"end", className:"note", lineAnchor:"top"}), Plot.arrow([1], {x1: 1973, x2: 1973, y1: d=> selectEn==="Number (in thousands)" ? 1200 : 3, y2: d=> selectEn==="Number (in thousands)" ? 3100 : 6, bend:-10}), Plot.text(["Financial\ncrisis"], {x:1999.8, y: d=> selectEn==="Number (in thousands)" ? 7000 : 10, textAnchor:"end", className:"note", lineAnchor:"bottom"}), Plot.arrow([1], {x1: 2000, x2: 2008, y1: d=> selectEn==="Number (in thousands)" ? 7000 : 10, y2: d=> selectEn==="Number (in thousands)" ? 5450 : 8.5, bend:-10}) ] })31:T1222,boxPlotEn = htl.html `

${viewof rWidth}

${viewof selectEn}

${legendEn} ${cssLegend}

${plotEn}

Provisional results for 2023 et 2024.

Scope : Metropolitan France from 1921 to 1982; France excluding Mayotte from 1990 to 2013 and including Mayotte since 2014. Provisional results for 2023 and 2024.

Note :

Foreigners are people who reside in France but do not hold French nationality.
Immigrants are people born abroad with a foreign nationality.

Sources : INSEE, population censuses and population estimates.

`32:T99e, 33:[{"id":"728243a13c448ad52280cac5a224ee2ab906ec87db027c05a71b11ac91904d200ce03f8420cba84abd7edf9b6fd2e66ae3a4da3220341eac69fec18ae9d68007","href":"https://static.observableusercontent.com/files/728243a13c448ad52280cac5a224ee2ab906ec87db027c05a71b11ac91904d200ce03f8420cba84abd7edf9b6fd2e66ae3a4da3220341eac69fec18ae9d68007","name":"graph@1.csv","type":"text/csv","lastModified":1787143114779.39,"size":10673}] 2c:{"id":"7066751e08e921f4","slug":null,"title":"Immigrés et étrangers - Graph (3718)","thumbnail":"6dd937aad84a608681ab2b0ebd4f928cd44af3517dac3a0b72766df2e8d52a86","access_level":"public","create_time":"$D2025-08-05T09:42:08.598Z","update_time":"$D2026-09-18T21:45:52.785Z","view_time":null,"first_public_time":"$D2025-08-06T07:05:35.066Z","has_unpublished_edits":null,"fork":false,"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":742,"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":"individual","id":"b5b022ef44e3d3a2","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/ff86d75fca849a58a73d37988818fed6fa039e41541174c8654ac020ffc491f5","tier":null,"role":"editor"},{"type":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/6ae55bec6f9ba0bbe9597b60f19a08df8d2f5b06630eb6929919d0306a71b058","tier":"free_2026","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"c8fe19279764e387","slug":"immigres-et-etrangers","title":"Immigrés et étrangers","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Immigrés et étrangers - Graph (3718)","cells":[{"id":0,"value":"# Immigrés et étrangers - Graph (3718)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":415,"value":"","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]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"dataLong = FileAttachment(\"graph@1.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"## FR","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":240,"value":"filter = dataLong.filter(d=> select === d.indic)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"max = d3.max(filter, d=>d.n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"##### Immigrés et étrangers de 1921 à 2023","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"title","database":"$undefined"},{"id":620,"value":"viewof select = Inputs.radio([\"Nombre (en milliers)\", \"Part dans la population totale (%)\"], {value: \"Nombre (en milliers)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":665,"value":"legendFr = legend([\"Immigrés\", \"Etrangers\"], [pal100[0], pal100[2]], {shape:\"line\",swatchWidth: 40, selectAll:false, fontSize:\"clamp(10px,2cqw,15px)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"## EN","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":629,"value":"viewof selectEn = Inputs.radio([\"Number (in thousands)\", \"% of total population\"], {value: \"Number (in thousands)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":453,"value":"filterEn = dataLong.filter(d=> selectEn === d.indicEn)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"maxEn = d3.max(filterEn, d=>d.n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"legendEn = legend([\"Immigrants\", \"foreigners\"], [pal100[0], pal100[2]], {shape:\"line\",swatchWidth: 40, selectAll:false, fontSize:\"clamp(10px,2cqw,15px)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"$32","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssGeneral","database":"$undefined"},{"id":651,"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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":654,"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":657,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 2d:"$2c:body"