2f:T6e6,plot1 = Plot.plot({ height: height, width: width, color: {legend: true, domain: ["Enfants", "Parents"], range: [color[3],color[4]]}, y: {reverse: true, axis: false}, x: {domain: [0,50], grid: true, label: null}, marginLeft: marginL, marginRight:10, marks: [ Plot.barX(df1, {x: "enfants", y: "ye", fill: color[3], stroke: "black", strokeWidth:.5, rx2:10, channels: {enfants: {value: "enfants", label: "Taux:"}}, tip: {format: {x: false, y: false, enfants: (d) => `${d}%` }} }), Plot.barX(df1, {x: "parents", y: "yp", fill: color[4], opacity: .95, stroke: "black", dy: -10, strokeWidth:.5, rx2:10, channels: {parents: {value: "parents", label: "Taux:"}}, tip: {format: {x: false, y: false, parents: (d) => `${d}%` }} }), Plot.ruleY([1.5], {stroke: "transparent"}), Plot.ruleY([2.5], {stroke: "transparent"}), Plot.ruleY([3.5], {stroke: "transparent"}), Plot.text(["Leurs parents"], {x: -1, y: 1, dy:-6, textAnchor: "end", fontSize:11}), Plot.text(["Reste de la population (G4+)"], {x: -1, y: 1.2, dy: -5, textAnchor: "end", fontSize:11}), Plot.text(["Leurs parents (G2)"], {x: -1, y: 2, dy:-6, textAnchor: "end", fontSize:11}), Plot.text(["Petits-enfants d'immigrés (G3)"], {x: -1, y: 2.2, dy: -5, textAnchor: "end", fontSize:11}), Plot.text(["Leurs parents"], {x: -1, y: 3, dy:-6, textAnchor: "end", fontSize:11}), Plot.text(["Enfants de couples mixtes (G2,5)"], {x: -1, y: 3.2, dy: -5, textAnchor: "end", fontSize:11}), Plot.text(["Leurs parents (G1)"], {x: -1, y: 4, dy:-6, textAnchor: "end", fontSize:11}), Plot.text(["Enfants d'immigrés (G2)"], {x: -1, y: 4.2, dy: -5, textAnchor: "end", fontSize:11}), ] })30:T11bb,plot2 = Plot.plot((() => { const n = col; // number of facet columns const keys = Array.from(d3.union(df2a.map((d) => d.couple))); const index = new Map(keys.map((key, i) => [key, i])); const fx = (key) => index.get(key) % n; const fy = (key) => Math.floor(index.get(key) / n); const n2 = col; // number of facet columns const keys2 = Array.from(d3.union(df2b.map((d) => d.couple))); const index2 = new Map(keys2.map((key2, i) => [key2, i])); const fx2 = (key2) => index.get(key2) % n2; const fy2 = (key2) => Math.floor(index2.get(key2) / n2); return { height: height2, width: width, color: {legend: false, domain: ["Enfants", "Parents"], range: [color[3],color[4]]}, y: {reverse: true, axis: false}, x: {domain: [0,70], grid: true, label: null}, marginLeft: 162, marginRight:10, marginTop: 20, marks: [ Plot.barX(df2a, { fx: (d) => fx(d.couple), fy: (d) => fy(d.couple), x: "enfants", y: "ye", fill: color[3], stroke: "black", strokeWidth:.5, rx2:10, channels: {enfants: {value: "enfants", label: "Taux:"}}, tip: {format: {x: false, y: false, fx: false, fy: false, enfants: (d) => `${d}%` }} }), Plot.barX(df2a, { fx: (d) => fx(d.couple), fy: (d) => fy(d.couple), x: "parents", y: "yp", fill: color[4], opacity: .95, stroke: "black", dy:-6, strokeWidth:.5, rx2:10, channels: {parents: {value: "parents", label: "Taux:"}}, tip: {format: {x: false, y: false, fx: false, fy: false, parents: (d) => `${d}%`}} }), Plot.barX(df2b, { fx: (d) => fx2(d.couple), fy: (d) => fy2(d.couple), x: "enfants2", y: "ye2", fill: color[6], stroke: "black", strokeWidth:.5, rx2:10, channels: {enfants2: {value: "enfants2", label: "Progression:"}}, tip: false }), Plot.barX(df2b, { fx: (d) => fx2(d.couple), fy: (d) => fy2(d.couple), x: "parents2", y: "yp2", fill: "#ededed", opacity: .95, stroke: "black", dy:-6, strokeWidth:.5, rx2:10, channels: {parents2: {value: "parents2", label: "Progression:"}}, tip: false }), Plot.ruleY([3], {stroke: "transparent"}), Plot.text(["Reste de la population (G4+)"], {fx: [0], fy: [0], x: -1, y: 1, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["Reste de la population (G4+)"], {fx: [ftx], fy: [fty], x: -1, y: 1, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["UE (G3)"], {fx: [0], fy: [0], x: -1, y: 2, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["UE (G3)"], {fx: [ftx], fy: [fty], x: -1, y: 2, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["Reste de l'UE"], {fx: [0], fy: [0], x: -1, y: 4, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["Reste de l'UE"], {fx: [ftx], fy: [fty], x: -1, y: 4, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["Autres pays d'Afrique"], {fx: [0], fy: [0], x: -1, y: 5, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["Autres pays d'Afrique"], {fx: [ftx], fy: [fty], x: -1, y: 5, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["Autres pays d'Asie"], {fx: [0], fy: [0], x: -1, y: 6, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["Autres pays d'Asie"], {fx: [ftx], fy: [fty], x: -1, y: 6, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["Turquie, Moyen-Orient"], {fx: [0], fy: [0], x: -1, y: 7, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["Turquie, Moyen-Orient"], {fx: [ftx], fy: [fty], x: -1, y: 7, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["Maghreb"], {fx: [0], fy: [0], x: -1, y: 8, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["Maghreb"], {fx: [ftx], fy: [fty], x: -1, y: 8, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["Europe du Sud"], {fx: [0], fy: [0], x: -1, y: 9, dy: -10, textAnchor: "end", fontSize:11,}), Plot.text(["Europe du Sud"], {fx: [ftx], fy: [fty], x: -1, y: 9, dy: -10, textAnchor: "end", fontSize:11, fill : colort}), Plot.text(["Couple parental immigré"], {fx: [0], fy: [0], x: 0, y: 10, dy:-19, textAnchor: "start", fontSize:13, fontWeight: 900}), Plot.text(["Couple parental mixte"], {fx: [ftx], fy: [fty], x: 0, y: 10, dy:-19, textAnchor: "start", fontSize:13, fontWeight: 900}), ] }; })())31:Tc24,

Taux de diplômés du supérieur
	Couple parental immigré		Couple parental mixte
Catégorie	Parents	Enfants	Parents	Enfants
Reste de la population (G4+)	19.8%	43.1%	19.8%	43.1%
UE (G3)	19.4%	44.5%	19.4%	44.5%

Reste de l'UE	34.3%	41.6%	31.6%	50.2%
Autres pays d'Afrique	26.1%	49.7%	40.2%	48.7%
Autres pays d'Asie	20.8%	52.3%	42.2%	64.2%
Turquie, Moyen Orient	5.1%	18.3%	62.0%	61.4%
Maghreb	3.3%	31.9%	15.7%	38.8%
Europe du Sud	2.0%	32.4%	13.7%	38.6%

32:T1489,

	Hommes	Femmes	Ensemble
Ensemble G2 (n=2827)	72.1	73.4	72.8
G2 Maghreb (n=1233)	69.9	72.6	71.3
G2 Autres pays d'Afrique (n=329)	49.0	57.1	55.0
G2 Turquie/Moyen-Orient (n=266)	54.8	75.0	65.9
G2 Autres pays d'Asie (n=270)	70.9	68.4	69.7
G2 Europe du Sud (n=629)	77.9	80.8	79.1
G2 Autre UE27 (n=41)	(43)	(61)	(49)
Ensemble G2,5 (n=2073)	51.6	58.3	55.0
G2,5 Maghreb (n=478)	55.2	60.7	58.1
G2,5 Autres pays d'Afrique (n=189)	(34)	(42)	38.4
G2,5 Turquie/Moyen-Orient (n=34)	(18)	(46)	(36)
G2,5 Autres pays d'Asie (n=158)	(47)	(59)	52.4
G2,5 Europe du Sud (n=676)	55.0	64.3	59.5
G2,5 Autre UE27 (n=278)	50.0	59.5	54.7
Ensemble G3 (n=522)	49.2	61.5	55.5
G3 UE (n=440)	53.7	60.8	57.4
Ensemble G4+ (n=5108)	53.0	61.0	57.2
Total (n=10530)	54	62	58
Source : Enquête Trajectoires et Origines 2 (TeO2), Ined-Insee, 2019-2020. Note : voir l’encadré 2 pour les définitions des catégories et les méthodes. Entre parenthèses, les résultats pour les groupes dont les effectifs dans l’enquête sont inférieurs à 100 : ils doivent être interprétés avec prudence. Lecture : 73 % des descendants d’immigrés de la deuxième génération (ensemble G2) ont un diplôme supérieur au plus haut diplôme de leurs parents.

33:Ta92,

	Hommes	Femmes	Ensemble
Ensemble G2 et G2,5 (n=2138)	79.6	69.6	74.1
G2 et G2,5 Maghreb (n=625)	72.6	64.5	68.1
G2 et G2,5 Autres pays d'Afrique (n=277)	84.4	59.7	69.5
G2 et G2,5 Turquie/Moyen-Orient (n=97)	(83)	(63)	(71)
G2 et G2,5 Autres pays d'Asie (n=295)	74.2	64.5	68.4
G2 et G2,5 Europe du Sud (n=500)	83.5	72.1	77.5
G2 et G2,5 Autre UE27 (n=153)	(74)	(75)	74.6
Ensemble G3 (n=271)	83.3	71.4	76.4
G3 UE (n=227)	81.4	69.9	74.8
Ensemble G4+ (n=2686)	82.0	72.9	77.0
Total (n=5095)	81.9	72.4	76.6

34:Tb14, 35:[{"id":"5466495dcb9612f2710bc85f3d6779a01040973caa8d7c9bb1e87807ab2fafa020de2de33ca8cf30813997682806e25c1846352a0ae54df0f7f7933236daf4c4","href":"https://static.observableusercontent.com/files/5466495dcb9612f2710bc85f3d6779a01040973caa8d7c9bb1e87807ab2fafa020de2de33ca8cf30813997682806e25c1846352a0ae54df0f7f7933236daf4c4","name":"n602_1.csv","type":"text/csv","lastModified":1741784138318.904,"size":214},{"id":"e72cd029279fa0fec006661811af5d37e56225adf25cd8d06ae477ffd9bd534be69e952e0c0afa733391e8c3ff0bc1a318fc8ed970933e1a0cdda29935ab2516","href":"https://static.observableusercontent.com/files/e72cd029279fa0fec006661811af5d37e56225adf25cd8d06ae477ffd9bd534be69e952e0c0afa733391e8c3ff0bc1a318fc8ed970933e1a0cdda29935ab2516","name":"n602_2.csv","type":"text/csv","lastModified":1741853211596.471,"size":795},{"id":"e72cd029279fa0fec006661811af5d37e56225adf25cd8d06ae477ffd9bd534be69e952e0c0afa733391e8c3ff0bc1a318fc8ed970933e1a0cdda29935ab2516","href":"https://static.observableusercontent.com/files/e72cd029279fa0fec006661811af5d37e56225adf25cd8d06ae477ffd9bd534be69e952e0c0afa733391e8c3ff0bc1a318fc8ed970933e1a0cdda29935ab2516","name":"n602_2@1.csv","type":"text/csv","lastModified":1741853583302.755,"size":795},{"id":"e72cd029279fa0fec006661811af5d37e56225adf25cd8d06ae477ffd9bd534be69e952e0c0afa733391e8c3ff0bc1a318fc8ed970933e1a0cdda29935ab2516","href":"https://static.observableusercontent.com/files/e72cd029279fa0fec006661811af5d37e56225adf25cd8d06ae477ffd9bd534be69e952e0c0afa733391e8c3ff0bc1a318fc8ed970933e1a0cdda29935ab2516","name":"n602_2@2.csv","type":"text/csv","lastModified":1741854027508.67,"size":795},{"id":"a751ed8c3c3169fdacaf6d04c27740f09fe298eef12627783f886fca9005d2576e0003c452862c44b438b385909bfc37524d840adbacd2a21aaabd3c7d680654","href":"https://static.observableusercontent.com/files/a751ed8c3c3169fdacaf6d04c27740f09fe298eef12627783f886fca9005d2576e0003c452862c44b438b385909bfc37524d840adbacd2a21aaabd3c7d680654","name":"n602_2@3.csv","type":"text/csv","lastModified":1741854204278.28,"size":925},{"id":"7b1c957e92182fca7cff79caa83c8fd05c43f484954abf5e4827ddf8f3abf25092ac3b36e236043972c31885d8dfcc6b8ee2a89b4b69e3eac13ac7ee5143a8ef","href":"https://static.observableusercontent.com/files/7b1c957e92182fca7cff79caa83c8fd05c43f484954abf5e4827ddf8f3abf25092ac3b36e236043972c31885d8dfcc6b8ee2a89b4b69e3eac13ac7ee5143a8ef","name":"n602_2@4.csv","type":"text/csv","lastModified":1741855500633.591,"size":939},{"id":"381e0358a29f6871d6a144ebea07e96dca033e2202f50d3f82c4ac868f2cc43bd7bad91d8bd5ca41071781074edd77785dcc9017e20586a0448c8f491745f3e8","href":"https://static.observableusercontent.com/files/381e0358a29f6871d6a144ebea07e96dca033e2202f50d3f82c4ac868f2cc43bd7bad91d8bd5ca41071781074edd77785dcc9017e20586a0448c8f491745f3e8","name":"n602_2@5.csv","type":"text/csv","lastModified":1741855547302.522,"size":953},{"id":"0733804201ffada67bf23b5b6a51d358401e3b8b3cab4e55b7f01fa413005ed1afecc867db99fbedd0ae03cb0958a5b86f35ba031c038be1bf9d55cf9410d41f","href":"https://static.observableusercontent.com/files/0733804201ffada67bf23b5b6a51d358401e3b8b3cab4e55b7f01fa413005ed1afecc867db99fbedd0ae03cb0958a5b86f35ba031c038be1bf9d55cf9410d41f","name":"n602_2@6.csv","type":"text/csv","lastModified":1741856619210.486,"size":1043},{"id":"12c44f30d965cc9bd723d53dd51865b387c409f004e581bdfd2f7f2eb294ce6c48a1ea132237ac96e32f71a7d9edabbe4f78fbe25ea1b7099c5bce3bfaeae5ba","href":"https://static.observableusercontent.com/files/12c44f30d965cc9bd723d53dd51865b387c409f004e581bdfd2f7f2eb294ce6c48a1ea132237ac96e32f71a7d9edabbe4f78fbe25ea1b7099c5bce3bfaeae5ba","name":"n602_2@7.csv","type":"text/csv","lastModified":1741858439986.099,"size":1070},{"id":"084701decbc69783d3f1bc17c11707295cc2c50462e48a8d609a34f72679d57c874121602380d35441cde61dd8891ad2f68639aceebb6164ea02f522df9da10b","href":"https://static.observableusercontent.com/files/084701decbc69783d3f1bc17c11707295cc2c50462e48a8d609a34f72679d57c874121602380d35441cde61dd8891ad2f68639aceebb6164ea02f522df9da10b","name":"n602_2a.csv","type":"text/csv","lastModified":1741861088664.167,"size":843},{"id":"4ea21f404e34dad40da38068ebe219fb70520802901dcf74b0a995a0c07463099aa418528fa7fdf02b3e00627c23cfb2b9a367fcaaece61be78d71f5ebf1a7ad","href":"https://static.observableusercontent.com/files/4ea21f404e34dad40da38068ebe219fb70520802901dcf74b0a995a0c07463099aa418528fa7fdf02b3e00627c23cfb2b9a367fcaaece61be78d71f5ebf1a7ad","name":"n602_2b.csv","type":"text/csv","lastModified":1741861118722.149,"size":101},{"id":"83c7ea98032b8489e45fe4f64824b5a28c0b57d203c3cb865fb2f07e3fb645daee06544e39ef0a0bfc1e79321cfb79b02ceaf5f7ca89b294f3b006eb0cf24d5a","href":"https://static.observableusercontent.com/files/83c7ea98032b8489e45fe4f64824b5a28c0b57d203c3cb865fb2f07e3fb645daee06544e39ef0a0bfc1e79321cfb79b02ceaf5f7ca89b294f3b006eb0cf24d5a","name":"n602_2b@1.csv","type":"text/csv","lastModified":1741861434070.813,"size":155}] 2d:{"title":"Population et société 602","cells":[{"id":0,"value":"# Population et société 602\n\n* Lien article: ","pinned":false,"hidden":false,"mode":"md"},{"id":114,"value":"size = width","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"color = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#4f4f4f\", //gray\n \"#8a8a8a\" //gray light\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"## Graphique 1","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"df1 = FileAttachment(\"n602_1.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"size","pinned":true,"hidden":false,"mode":"ojs"},{"id":158,"value":"marginL = \n{let n;\nif (size<300) {return n=170} \n else {return n=195}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"height = \n {let n; \n if (size<350) {return n = 200}\n else {return n = 250}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"## Graphique 2","pinned":false,"hidden":false,"mode":"md"},{"id":181,"value":"df2 = FileAttachment(\"n602_2@7.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"df2a = FileAttachment(\"n602_2a.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"df2b = FileAttachment(\"n602_2b@1.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":267,"value":"size","pinned":true,"hidden":false,"mode":"ojs"},{"id":269,"value":"col = {\n let n\n if (size>=600) {return n=2} else {return n=1}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"ftx = {\n let n\n if (col==2) {return n=1} else {return n=0}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":277,"value":"fty = {\n let n\n if (col==2) {return n=0} else {return n=1}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":289,"value":"colort = {\n let n\n if (col===2) {return n=\"transparent\"} else {return n=\"#1b1e23\"}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"height2 = {\n let n\n if (col===2) {return n = 320} else {return n = 400}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":387,"value":"### Figure 2. Progression du taux de diplômés du supérieur d'une génération à l'autre selon l'origine géographique et la mixité des origines","pinned":false,"hidden":false,"mode":"md"},{"id":331,"value":"Plot.plot({\n width: 150,\n height: 50,\n marginLeft: 60,\n marginTop:20,\n marginBottom:10, \n \n x: {domain: [0,0.5], axis: false},\n y: {axis: false},\n marks: [\n Plot.text([\"Enfants\"], {x:0, y:0, textAnchor: \"end\", fontSize: 12}),\n Plot.dot([1], {x:0.1, y:0, symbol: \"square\", r:8, fill: color[3]}),\n Plot.dot([1], {x:0.16, y:0, symbol: \"square\", r:8, fill: color[3]}),\n Plot.dot([1], {x:0.3, y:0, symbol: \"square\", r:8, fill: color[6]}),\n Plot.dot([1], {x:0.36, y:0, symbol: \"square\", r:8, fill: color[6]}), \n\n Plot.text([\"Parents\"], {x:0, y:-.2, textAnchor: \"end\", fontSize: 12}),\n Plot.dot([1], {x:0.1, y:-.2, symbol: \"square\", r:8, fill: color[4]}),\n Plot.dot([1], {x:0.16, y:-.2, symbol: \"square\", r:8, fill: color[4]}), \n Plot.dot([1], {x:0.3, y:-.2, symbol: \"square\", r:8, fill: \"#ededed\"}), \n Plot.dot([1], {x:0.36, y:-.2, symbol: \"square\", r:8, fill: \"#ededed\"}), \n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":445,"value":"* Test d'insertion avec html table generator, que j'ai déjà utilisé (cf mon support Quarto): \n* Résultat vraiment correct après insertion\n* Modif css pour le responsive:\n * text => avec `calc()`.\n * j'ai ajouté une div avec un `overflow-x`: auto pour ajouter une barre de défilement horizontale lorsque la taille de l'écran de vient trop petite.","pinned":false,"hidden":false,"mode":"md"},{"id":555,"value":"

Tableau figure2. Proportion de répondants qui ont un diplôme plus élevé que celui de leurs parents, par génération, origine et sexe (%)","pinned":false,"hidden":false,"mode":"html"},{"id":447,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":498,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":544,"value":"

Tableau 1. Proportion de répondants qui ont un diplôme plus élevé que celui de leurs parents, par génération, origine et sexe (%)","pinned":false,"hidden":false,"mode":"html"},{"id":484,"value":"$32","pinned":false,"hidden":false,"mode":"html"},{"id":538,"value":"$33","pinned":false,"hidden":false,"mode":"html"},{"id":138,"value":"$34","pinned":false,"hidden":false,"mode":"html"}],"files":"$W35","stdlib":"1","titling":"auto"}