28:null 29:["$","title",null,{"children":"n629 | Marc Thevenin | Observable"}] 2e:T631,legend = Plot.plot({ width: Math.max(width, 100), marginTop:20, marginBottom:0, marginLeft:0, height:110, x: {axis: null, domain: [1,3]}, y: {axis: null}, style: `font-size: calc(10px + 0.120625vw)`, marks: [ Plot.text(["Flux\n↓"], {x: 1.105, y: 0.074, fontSize:15 }), Plot.text(["%\n↓"], {x: 1.30, y: 0.074, fontSize:15 }) , //France Plot.dot([1], {x:1.1, y:0, r: 7, symbol: "square", fill: "#ff554e", stroke: "#ff554e"}), Plot.dot([1], {x:1.12, y:0, r: 7, symbol: "square", fill: "#ff554e", stroke: "#ff554e"}), Plot.ruleY([0], {x1: 1.20, x2:1.389, strokeDasharray: [4,4], strokeWidth:2.7, stroke: "#ff554e" }), Plot.text(["France"], {x: 1.43, y:0, textAnchor: "start", fontSize:15 }), //RU Plot.dot([1], {x:1.1, y:-.1, r: 7, symbol: "square", fill: "#0042ea", stroke: "#0042ea", dy: -10}), Plot.dot([1], {x:1.12, y:-.1, r: 7, symbol: "square", fill: "#0042ea", stroke: "#0042ea", dy:-10}), Plot.ruleY([-.1], {x1: 1.2, x2:1.389, strokeDasharray: [4,4], strokeWidth:2.7, stroke: "#0042ea", dy: -10 }), Plot.text(["Royaume-Uni"], {x: 1.43, y:-.1, textAnchor: "start", dy: -10, fontSize:15 }), //ALL Plot.dot([1], {x:1.1, y:-.2, r: 7, symbol: "square", fill: "#ffd34e" , stroke: "#ffd34e", dy: -20 }), Plot.dot([1], {x:1.12, y:-.2, r: 7, symbol: "square", fill: "#ffd34e" , stroke: "#ffd34e", dy: -20 }), Plot.ruleY([-.2], {x1: 1.2, x2:1.389, strokeDasharray: [4,4], strokeWidth:2.7, stroke: "#ffd34e", dy: -20 }), Plot.text(["Allemagne"], {x: 1.43, y:-.2, textAnchor: "start", dy: -20, fontSize:15 }), ] })2f:Tfb7,plot1 = Plot.plot({ width: Math.max(width, 600), marginLeft: 70, marginRight: 50, marginTop: 40, marginBottom: 60, y: {domain: [0,16000], tickFormat:"d", grid: true, label: null}, x: {axis: null,}, //caption: "A. Capote Lama, S. López Pereiro, B. Fernandez Suárez, Population & Sociétés, n° 629, janvier 2025, Ined", marks: [ //Plot.ruleX([0]), Plot.ruleX([22]), Plot.axisY({dx:35, frameAnchor: "right", tickSize: 0, tickFormat: d => (d/355.5555556).toFixed(0), fontSize: 12}), Plot.axisY({dx: -7, anchor: "left", tickSize: 0, domain: [0,16000], tickFormat: "d", fontSize: 12}), Plot.barY(df1, {x: "x_fr", y: "France", fill: "#ff554e", stroke: "transparent", ry1:2, } ), Plot.barY(df1, {x: "x_ru", y: "RoyaumeUni", fill: "#0042ea", stroke: "transparent", ry1:2, channels: { Année: {value: "Année", label: "Année:"}, RoyaumeUni: {value: "RoyaumeUni", label: "Royaume-Uni:"} , France: {value: "France", label: "France:"}, Allemagne: {value: "Allemagne", label: "Allemagne:"}, }, tip: {format: {x: false, y: false, Année: "d", France: "d", RoyaumeUni: "d", Allemagne: "d"}, fontSize:14} } ), Plot.barY(df1, {x: d=> d.x_all, y: "Allemagne", fill: "#ffd34e", stroke: "transparent", ry1:2, } ), Plot.lineY(df1, {x: "x_ru", y: "France2", curve: "natural", strokeWidth:3.5, stroke: "white", strokeDasharray: [4,4] }), Plot.lineY(df1, {x: "x_ru", y: "France2", curve: "natural", strokeWidth:2.7, stroke: "#ff554e", strokeDasharray: [4,4] }), Plot.lineY(df1, {x: "x_ru", y: "RU2", curve: "natural", strokeWidth:3.5, stroke: "white", strokeDasharray: [4,4] }), Plot.lineY(df1, {x: "x_ru", y: "RU2", curve: "natural", strokeWidth:2.7, stroke: "#0042ea", strokeDasharray: [4,4], channels: { Année: {value: "Année", label: "Année:"}, pRoyaumeUni: {value: "pRoyaumeUni", label: "Royaume-Uni:"} , pFrance: {value: "pFrance", label: "France:"}, pAllemagne: {value: "pAllemagne", label: "Allemagne:"}, }, tip: {format: {x: false, y: false, Année: "d", pFrance: (d) => `${d}%`, pRoyaumeUni: (d) => `${d}%`, pAllemagne: (d) => `${d}%`}, fontSize:14} , }), Plot.lineY(df1, {x: "x_ru", y: "Allemagne2", curve: "natural", strokeWidth:3.5, stroke: "white", strokeDasharray: [4,4] }), Plot.lineY(df1, {x: "x_ru", y: "Allemagne2", curve: "natural", strokeWidth:2.7, stroke: "#ffd34e", strokeDasharray: [4,4]}), Plot.text(year, {x:d=> d.x_ru, y:0, dy: 18, text: d=> d.Année, rotate: -angle, fontSize:14}), // pour les espaces entre les années : trouvé au pif ce n'était pas ce que je voulais faire au début Plot.ruleX([1.5], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([3], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([4.5], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([6], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([7.5], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([9], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([10.5], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([12], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([13.5], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([15], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([16.5], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([18], {y1:0, y2:-500, stroke: "black"}), Plot.ruleX([19.5], {y1:0, y2:-500, stroke: "black"}), Plot.ruleY([0]), Plot.text(["Flux de départs\nd’espagnols"], {x:0, y:17100, textAnchor: "start", fontSize:14 }), Plot.text(["% d’Espagnols nés\nhors d’Espagne"], {x:22, y:17100, textAnchor: "end", fontSize:14 }), Plot.axisY({anchor:"left", text: ""}), Plot.axisY({anchor:"right", text: "", inset:5}) ] })30:T94a,plot2 = Plot.plot((() => { const n = col; // number of facet columns const keys = Array.from(d3.union(df2.map((d) => d.Pays_num))); 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); return { color: { legend: false, domain: ["Né.es en Espagne", ["Né.es hors d'Espagne"]], range: ["#ffd34e", "#0042ea"] }, width, height: 600, marginTop: 40, y: {insetTop: 0, label: "%", domain: [30,60], ticks:8, label: null, }, x: {tickFormat: "d", label: null, grid: false, inset: 10, }, fx: {padding: 0.15, axis: null}, fy: {padding: 0.20, axis: null}, grid: true, //caption: "A. Capote Lama, S. López Pereiro, B. Fernandez Suárez, Population & Sociétés, n° 629, janvier 2025, Ined", marks: [ Plot.line(df2, { fx: (d) => fx(d.Pays_num), fy: (d) => fy(d.Pays_num), x: "Année", y: "p1", stroke: "#ffd34e", strokeWidth: 2.5,}), Plot.line(df2, { fx: (d) => fx(d.Pays_num), fy: (d) => fy(d.Pays_num), x: "Année", y: "p2", stroke: "#0042ea", strokeDasharray:[4,4], strokeWidth:2.5, tip: false}) , Plot.areaY(df2, {x: "Année", y1: "p2", y2: "p1", fill: "transparent", channels: { p1: {value: "p1", label: "Née.es en Espagne"}, p2: {value: "p2", label: "Née.es hors d'Espagne"}, }, tip: {format: {fy: false, fx: false, y: false, p1: (d) => `${d}%`, p2: (d) => `${d}%`, x: "d"}, fontSize: 12}}), Plot.text(["France"], {fy: [0], fx: [0], x: 2014, y:60, dy: -25.5, textAnchor: "middle", fontSize: 20, fontWeight:600}), Plot.text(["Royaume-Uni"], {fy: [ruy], fx: [rux], x: 2014, y:60, dy: -25.5, textAnchor: "middle", fontSize: 20, fontWeight:600}), Plot.text(["Allemagne"], {fy: [aly], fx: [alx], x: 2014, y:60, dy: -25.5, textAnchor: "middle", fontSize: 20, fontWeight:600}), Plot.text(["%"], {fx: [0], fy: [0], x: 2008, y: 60, dx: -25, dy: -25}), Plot.ruleY([30]) , Plot.crosshairX(df2, {x: "Année", textFill: "transparent", textStrokeOpacity: "transparent", textFillOpacity: "transparent", ruleStrokeWidth: .5, ruleStroke: "black", ruleStrokeOpacity:1}), ] } })())31:T4b5,legend3 = Plot.plot({ width: Math.max(width, 150), marginTop:10, marginBottom:150, marginLeft:0, height:100, x: {axis: null, domain: [1,3]}, y: {axis:null,}, marks: [ // <18ans Plot.ruleY([0], { x1: 1.05, x2:1.25, strokeWidth:2.7, stroke: "#0042ea" }), Plot.text(["Moins de 18 ans"], { x: 1.30, y:0, textAnchor: "start", fontSize:15 }), // 18-34 ans Plot.ruleY([0], { x1: 1.05, x2:1.25, strokeDasharray: [4,4], strokeWidth:2.7, stroke: "#ffd34e", dy: 20 }), Plot.text(["18-34 ans"], { x:1.30, y:0, textAnchor: "start", fontSize:14, dy: 20 }), //35-49 ans Plot.ruleY([0], {x1: 1.05, x2:1.25, strokeDasharray: [4,4], strokeWidth:2.7, stroke: "#ff554e" , dy: 40 }), Plot.text(["35-49 ans"], { x: 1.30, y:0, textAnchor: "start", dy: 40, fontSize:14 }), //50-64 ans Plot.ruleY([0], {x1: 1.05, x2:1.25, strokeDasharray: [4,4], strokeWidth:2.7, stroke: "#5bd39e" , dy: 60 }), Plot.text(["50-64 ans"], { x: 1.3, y:0, textAnchor: "start", dy: 60, fontSize:14 }), //50-64 ans Plot.ruleY([0], {x1: 1.05, x2:1.25, strokeWidth:2.7, stroke: "#512672" , dy: 80 }), Plot.text(["64 ans et plus"], { x: 1.3, y:0, textAnchor: "start", dy: 80, fontSize:14 }), ] })32:Tef3,plot3 = Plot.plot({ width: Math.max(width, 700), height : 780, color: { legend: false, domain: ["Moins de 18 ans", "18-34 ans ", "35-49 ans","50-64 ans","64 ans et plus"], range: ["#0042ea", "#ffd34e", "#ff554e", "#5bd39e", "#512672" ] }, fx: {axis: null, padding:0.08}, fy: {axis: null, padding:0.30}, x: {tickFormat: "d", //ticks:6, tickRotate: -angle, inset:10, label: null}, y: {label: null, domain: [0,65], ticks:8, grid: true}, marginBottom: 50, marginLeft:50, marginTop: 50, //caption: "A. Capote Lama, S. López Pereiro, B. Fernandez Suárez, Population & Sociétés, n° 629, janvier 2025, Ined", marks: [ Plot.frame({ strokeOpacity: .5}), Plot.line(df3, {fx: "Origine", fy: "Pays", x: "Année", y: "g1", stroke: "#0042ea", strokeWidth: 2.5, strokeDasharray:[3,3], curve: "natural", tip: false}), Plot.line(df3, {fx: "Origine", fy: "Pays", x: "Année", y: "g2", stroke: "#ffd34e", strokeWidth: 2.5, tip: false, curve: "natural"}), Plot.line(df3, {fx: "Origine", fy: "Pays", x: "Année", y: "g3", stroke: "#ff554e", strokeWidth: 2.5, tip: false, strokeDasharray:[3,5], curve: "natural"}), Plot.line(df3, {fx: "Origine", fy: "Pays", x: "Année", y: "g4", stroke: "#5bd39e", strokeWidth: 2.5, tip: false, strokeDasharray:[3,5], curve: "natural"}), Plot.line(df3, {fx: "Origine", fy: "Pays", x: "Année", y: "g5", stroke: "#512672", strokeWidth: 2.5, tip: false, curve: "natural"}), // Allemagne Plot.text(["Allemagne"], {fx:["Né.es en Espagne"], fy: ["Allemagne"], x:2021, dx: 30, y:60, dy:-50, fontSize: 20, fontWeight: 600}), Plot.text(["Né.es en Espagne"], {fx: ["Né.es en Espagne"], fy: ["Allemagne"], x:2014, dx: 0, y:60, dy:-30, fontSize: 15, textAnchor: "middle", fontWeight: 600}), Plot.text(["Né.es hors d'Espagne"], {fx: ["Né.es hors Espagne"], fy: ["Allemagne"], x:2014, dx: 0, y:60, dy:-30, fontSize: 15, textAnchor: "middle", fontWeight: 600}), // France Plot.text(["France"], {fx:["Né.es en Espagne"], fy: ["France"], x:2021, dx: 30, y:60, dy:-50, fontSize: 20, fontWeight: 600}), Plot.text(["Né.es en Espagne"], {fx: ["Né.es en Espagne"], fy: ["France"], x:2014, dx: 0, y:60, dy:-30, fontSize: 15, textAnchor: "middle", fontWeight: 600}), Plot.text(["Né.es hors d'Espagne"], {fx: ["Né.es hors Espagne"], fy: ["France"], x:2014, dx: 0, y:60, dy:-30, fontSize: 15, textAnchor: "middle", fontWeight: 600}), // Royaume Uni Plot.text(["Royaume Uni"], {fx:["Né.es en Espagne"], fy: ["Royaume Uni"], x:2021, dx: 30, y:60, dy:-50, fontSize: 20, fontWeight: 600}), Plot.text(["Né.es en Espagne"], {fx: ["Né.es en Espagne"], fy: ["Royaume Uni"], x:2014, dx: 0, y:60, dy:-30, fontSize: 15, textAnchor: "middle", fontWeight: 600}), Plot.text(["Né.es hors d'Espagne"], {fx: ["Né.es hors Espagne"], fy: ["Royaume Uni"], x:2014, dx: 0, y:60, dy:-30, fontSize: 15, textAnchor: "middle", fontWeight: 600}), Plot.areaY(df3, {x:"Année", y1:0, y2: "y", fill: "transparent", channels: { Année: {value: "Année", label: "Année:"}, g1: {value: "g1", label: "Moins de 18 ans:"}, g2: {value: "g2", label: "18-34 ans:"}, g3: {value: "g3", label: "35-49 ans:"}, g4: {value: "g4", label: "50-64 ans:"}, g5: {value: "g5", label: "64 ans et plus:"}, }, tip: {format: {x: false, y: false, fx: false, fy: false, Année: "d", g1:(d) => `${d}%`, g2:(d) => `${d}%`, g3:(d) => `${d}%`, g4:(d) => `${d}%`, g5:(d) => `${d}%`}, fontSize:fontSize},}), ] })33:T400, ","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":37,"value":"$33","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"style","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 2d:"$2c:body"