2f:T86c,X = htl.html`

${title4} ${viewof typeG} ${display} ${note}

Z. Ouadah-Bedidi, I. Bouchoucha, S. Abdellatif, Population & Societies, 644, May 2026, INED.

Note: Distribution by age and sex, per 10,000 inhabitants.

Sources: Census data and estimations, ONS (Algeria); HCP (Morocco); INS (Tunisia), see Box 1.

`30:T1b40,plot4 = Plot.plot((() => { const n = 3; // number of facet columns const keys = Array.from(d3.union(df4.map((d) => d.paysAnnEn))); 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 { width: .9*width, height: width>1000 ? .75*width : width>650 ? .8*width : width>500 ? 1.1*width : 1.4*width, marginLeft: width>1300 ? 150 : width>700 ? 120 : width>470 ? 100 : 80 , marginRight:0, marginTop: 40, marginBottom: width>1000 ? 70 : width>500 ? 40 : 30, y: {reverse: true, grid: false, label: "Age group", labelArrow: false, axis: true, tickSize: width>500 ? 5 : 2}, x: { tickFormat: d=> Math.abs(d).toString() , label: "Inhabitants", labelArrow: false, labelAnchor:"center", domain: [-1050, 1050], ticks: width>600 ? [-800, -400,0,400,800] : [-500,0,500]}, fy: {axis: false, padding: width>600 ? .2 : .16}, fx: {axis:false}, marks: [ Plot.frame({strokeWidth:0.5}), // couleurs unique // couleurs par pays // 60 Plot.text(["0–4"], { fx: [0], fy: [0], x: xAge, y: 1, textAnchor:"end"}) , Plot.text(["10–14"], { fx: [0], fy: [0], x: xAge, y: 3, textAnchor:"end"}) , Plot.text(["20–24"], { fx: [0], fy: [0], x: xAge, y: 5, textAnchor:"end"}) , Plot.text(["30–34"], { fx: [0], fy: [0], x: xAge, y: 7, textAnchor:"end"}) , Plot.text(["40–44"], { fx: [0], fy: [0], x: xAge, y: 9, textAnchor:"end"}) , Plot.text(["50–54"], { fx: [0], fy: [0], x: xAge, y: 11, textAnchor:"end"}) , Plot.text(["60–64"], { fx: [0], fy: [0], x: xAge, y: 13, textAnchor:"end"}) , Plot.text(["70–74"], { fx: [0], fy: [0], x: xAge, y: 15, textAnchor:"end"}) , Plot.text(["80 & over"], { fx: [0], fy: [0], x: xAge, y: 17, textAnchor:"end"}) , //90 Plot.text(["0–4"], { fx: [0], fy: [1], x: xAge, y: 1, textAnchor:"end"}) , Plot.text(["10–14"], { fx: [0], fy: [1], x: xAge, y: 3, textAnchor:"end"}) , Plot.text(["20–24"], { fx: [0], fy: [1], x: xAge, y: 5, textAnchor:"end"}) , Plot.text(["30–34"], { fx: [0], fy: [1], x: xAge, y: 7, textAnchor:"end"}) , Plot.text(["40–44"], { fx: [0], fy: [1], x: xAge, y: 9, textAnchor:"end"}) , Plot.text(["50–54"], { fx: [0], fy: [1], x: xAge, y: 11, textAnchor:"end"}) , Plot.text(["60–64"], { fx: [0], fy: [1], x: xAge, y: 13, textAnchor:"end"}) , Plot.text(["70–74"], { fx: [0], fy: [1], x: xAge, y: 15, textAnchor:"end"}) , Plot.text(["80–84"], { fx: [0], fy: [1], x: xAge, y: 17, textAnchor:"end"}) , // 20 Plot.text(["0–4"], { fx: [0], fy: [2], x: xAge, y: 1, textAnchor:"end"}) , Plot.text(["10–14"], { fx: [0], fy: [2], x: xAge, y: 3, textAnchor:"end"}) , Plot.text(["20–24"], { fx: [0], fy: [2], x: xAge, y: 5, textAnchor:"end"}) , Plot.text(["30–34"], { fx: [0], fy: [2], x: xAge, y: 7, textAnchor:"end"}) , Plot.text(["40–44"], { fx: [0], fy: [2], x: xAge, y: 9, textAnchor:"end"}) , Plot.text(["50–54"], { fx: [0], fy: [2], x: xAge, y: 11, textAnchor:"end"}) , Plot.text(["60–64"], { fx: [0], fy: [2], x: xAge, y: 13, textAnchor:"end"}) , Plot.text(["70–74"], { fx: [0], fy: [2], x: xAge, y: 15, textAnchor:"end"}) , Plot.text(["80 & over"], { fx: [0], fy: [2], x: xAge, y: 17, textAnchor:"end"}) , Plot.barX(df4, { fx: (d) => fx(d.paysAnnEn), fy: (d) => fy(d.paysAnnEn), x: d=> -d.hommes , y: "age", channels: {age: {value:"age"}}, sort: {y: "age"}, fill: d=> d.paysAnnEn=="Algeria – 1966" ? "#289866" : d.paysAnnEn=="Algeria – 1998" ? "#289866" : d.paysAnnEn=="Algeria – 2023" ? "#289866" : d.paysAnnEn=="Morocco – 1960" ? "#f60b00" : d.paysAnnEn=="Morocco – 1998" ? "#f60b00" : d.paysAnnEn=="Morocco – 2024" ? "#f60b00" : d.paysAnnEn=="Tunisia – 1966" ? "#0037c4" : d.paysAnnEn=="Tunisia – 1997" ? "#0037c4" : "#0037c4" , fillOpacity: .8, stroke: "white", strokeWidth: .5, }), Plot.barX(df4, { fx: (d) => fx(d.paysAnnEn), fy: (d) => fy(d.paysAnnEn), x: d=> d.femmes , y: "age", channels: {age: {value:"age"}}, sort: {y: "age"}, fill: d=> d.paysAnnEn=="Algeria – 1966" ? "#289866" : d.paysAnnEn=="Algeria – 1998" ? "#289866" : d.paysAnnEn=="Algeria – 2023" ? "#289866" : d.paysAnnEn=="Morocco – 1960" ? "#f60b00" : d.paysAnnEn=="Morocco – 1998" ? "#f60b00" : d.paysAnnEn=="Morocco – 2024" ? "#f60b00" : d.paysAnnEn=="Tunisia – 1966" ? "#0037c4" : d.paysAnnEn=="Tunisia – 1997" ? "#0037c4" : "#0037c4" , fillOpacity: .8, stroke: "white", strokeWidth: .5, }), Plot.text(keys, {fx, fy, frameAnchor: "top", dx: -3, dy: width>1000 ? -20 : width>500 ? -15 : -10, className:"labPaysAnn", }), Plot.line(df4Tip, { fx: (d) => fx(d.paysAnnEn), fy: (d) => fy(d.paysAnnEn), x: "n" , y:"age", z:"sexe", fill: "transparent", stroke: "transparent", channels: { paysAnn: {value: "paysAnnEn", label:""}, sexe: {value: "sexe", label:""}, age: {value: "gage", label: "Age:"}, n: {value: "n", label:""} }, tip: {format: {x: false, y: false, fx: false, fy:false, fill: false, z: false, paysAnn: true, sexe: true, age: d=>`${d}`, n: d=> `${Math.abs(d).toFixed(0)}‱`}, strokeWidth:0}, }), Plot.text(df4, {filter: d=> d.paysAnnFr==="Algérie - 1966" , x:-400, y:"age", text: d=> width>1100 ? d.textH1 : d.textH2, textAnchor:"end", lineAnchor:"top", className: "sexePlot"}), Plot.text(df4, {filter: d=> d.paysAnnFr==="Algérie - 1966" , x:400, y:"age", text: d=> width>1100 ? d.textF1 : d.textF2, textAnchor:"start", lineAnchor:"top", className: "sexePlot"}) ] }; })())31:T9be,plot4Mag = htl.html`

M : Men - W : Women

${plot4}

`32:T1cdc,plot4B = Plot.plot({ width : 0.9*width, height: width>480 ? .58*width : 310, marginLeft : width>2000 ? 230 : width> 1500 ? 190 : width>1000 ? 170 : width>480 ? 120 : 60, marginBottom: width>1000 ? 90 : width>480 ? 60 : 30, marginTop: width>1000 ? 50 : 30, y: {domain: [0,16.5], ticks: width>700 ? [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16] : [0,2,4,6,8,10,12,14,16], grid: false, label: "Age group", labelArrow: false, axis: true, labelAnchor:"top"}, x: { tickFormat: d=> Math.abs(d).toString() , label: "Inhabitants", labelArrow: false, labelAnchor:"center", domain: [-1000,1000], ticks: width> 500 ? [-800,-400,0,400,800] : [-800,-400,0,400,800]}, // subtitle: // typeG==="Algeria" ? html`

${typeG} - ${annPays}

` : // typeG==="Morocco" ? html`

${typeG} - ${annPays}

` : // html`

${typeG} - ${annPays}

` , marks: [ Plot.text(filter, {filter: d=> d.age==1 ,x:0, y:16.6, text:"paysAnnEn", fill: d=> d.pays==="Algeria" ? "#289866" : d.pays==="Morocco" ? "#f60b00" : "#0037c4", className:"titrePays"}), Plot.text(filter, {x: -1030, y: d=> d.age -1, text: d=> width>700 && compAnnee2 == true && compPays2== false && annee!="1990s" ? d.gage : width>700 && compAnnee2 == true && compPays2== true && annee=="1990s" ? d.gage : width>700 && compAnnee2 == true && compPays2== true && annee!="Années 1990" ? d.gage : width>700 && compAnnee2 == true && annee=="1990s" ? d.gageb : width<=700 && compAnnee2 == true && compPays2== true && annee=="1990s" ? d.gage2 : width<=700 && compAnnee2 == true && annee=="1990s" ? d.gage2b : width>700 && compAnnee2 == false ? d.gage : d.gage2, textAnchor:"end"}) , // Comparaison autres pays Plot.line(filterPays2, { x: d=> -d.hommes , y: d=>d.age -1, curve: "catmull-rom", z: "pays", stroke: d=> d.pays==="Algeria" ? col[4] : d.pays==="Morocco" ? col[0] : col[3], fillOpacity: 0, strokeWidth: width>500 ? 5 : 3, }), Plot.line(filterPays2, { x: d=> d.femmes , y: d=>d.age -1, curve: "catmull-rom", z: "pays", stroke: d=> d.pays==="Algeria" ? col[4] : d.pays==="Morocco" ? col[0] : col[3], fillOpacity: 0, strokeWidth: width>500 ? 5 : 3, }), // pays selctionné Plot.areaX(filter, { x: d=> -d.hommes , y: d=> d.age -1, curve: "catmull-rom", fill: d=> typeG==="Algeria" && compPays2===true ? col[4] : typeG==="Morocco" && compPays2===true ? col[0] : typeG==="Tunisia" && compPays2===true ? col[3] : "#dddddd", fillOpacity: compPays2===true ? .5 : 1, stroke: "black", strokeWidth: .5, }), Plot.areaX(filter, { x: d=> d.femmes , y: d=> d.age -1, curve: "catmull-rom", fill: d=> typeG==="Algeria" && compPays2===true ? col[4] : typeG==="Morocco" && compPays2===true ? col[0] : typeG==="Tunisia" && compPays2===true ? col[3] : "#dddddd", fillOpacity: compPays2===true ? .5 : 1, stroke: "black", strokeWidth: .5, }), // Comparaison années Plot.line(filterAnnee1, { x: d=> -d.hommes , y: d=>d.age -1, curve: "catmull-rom", z: "annee", stroke: d=> d.annee2==="2024" && d.pays==="Tunisia" ? "#00288d" : d.annee2==="1997" && d.pays==="Tunisia" ? "#074dff" : d.annee2==="1966" && d.pays==="Tunisia" ? "#acc4ff" : d.annee2==="2024" && d.pays==="Morocco" ? "#c80900" : d.annee2==="1998" && d.pays==="Morocco" ? "#ff6760" : d.annee2==="1960" && d.pays==="Morocco" ? "#ffaaa6" : d.annee2==="2023" && d.pays==="Algeria" ? "#207850" : d.annee2==="1998" && d.pays==="Algeria" ? "#44ce90" : "#9fe6c6", strokeWidth: width>500 ? 5 : 3, }), Plot.line(filterAnnee1, { x: d=> d.femmes , y: d=>d.age -1, curve: "catmull-rom", z: "annee", stroke: d=> d.annee2==="2024" && d.pays==="Tunisia" ? "#00288d" : d.annee2==="1997" && d.pays==="Tunisia" ? "#074dff" : d.annee2==="1966" && d.pays==="Tunisia" ? "#acc4ff" : d.annee2==="2024" && d.pays==="Morocco" ? "#c80900" : d.annee2==="1998" && d.pays==="Morocco" ? "#ff6760" : d.annee2==="1960" && d.pays==="Morocco" ? "#ffaaa6" : d.annee2==="2023" && d.pays==="Algeria" ? "#207850" : d.annee2==="1998" && d.pays==="Algeria" ? "#44ce90" : "#9fe6c6", strokeWidth: width>500 ? 5 : 3, }), Plot.ruleY([0]), Plot.ruleX([0], {y1:0, y2:16}), Plot.text(["Men"], {x:-400, y:16, textAnchor:"end"}), Plot.text(["Women"], {x:500, y:16, textAnchor:"start"}), // Tip Plot.line(plot4bTip, {x: "n",y:d=> d.age-1, z: "z", curve: "catmull-rom", stroke: "transparent", channels: { paysAnn: {value: "paysAnn", label: ""}, sexe: {value: "sexe", label:""}, age: {value: "gage", label:"Age:"}, n: {value: "n", label:""} }, tip: {format: {x: false, y: false, fx: false, fy:false, fill: false, z: false, paysAnn: true, sexe: true, age: d=>`${d}`, n: d=> `${Math.abs(d).toFixed(0)}‱`}, strokeWidth:0}, }), Plot.crosshairY(filter, { y: d=> d.age-1, stroke:"black", fill:"transparent", textStroke:"transparent", textFill:"transparent"}), Plot.ruleX([-1000], {y1:0, y2:16}) ] })33:T671,plot4P = htl.html`

${plot4B}

`34:Tc2a, 35:[{"id":"d418ecf918b638a2f3e360aca95e29d8351fef8baa7713f3ef6f82a5e904fa9160f6280b17fbb81c42fbd9fe35153dc07eb2896e41d21c17ca01049795ffe991","href":"https://static.observableusercontent.com/files/d418ecf918b638a2f3e360aca95e29d8351fef8baa7713f3ef6f82a5e904fa9160f6280b17fbb81c42fbd9fe35153dc07eb2896e41d21c17ca01049795ffe991","name":"n644_4@3.csv","type":"text/csv","lastModified":1779351168542.024,"size":25150},{"id":"43e713fe35ff28d8fc55b64484673e0fb43a92d6d8ec6ba15b5341fa508b50e06751a0dcec1a8cce175f480ce6bba87ae213d1bedcb8984d92eebcb5fcbc7c6f","href":"https://static.observableusercontent.com/files/43e713fe35ff28d8fc55b64484673e0fb43a92d6d8ec6ba15b5341fa508b50e06751a0dcec1a8cce175f480ce6bba87ae213d1bedcb8984d92eebcb5fcbc7c6f","name":"n644_4.csv","type":"text/csv","lastModified":1779087534046.328,"size":24113},{"id":"c09b16c002c7bd6a5a2afe8c9388a39cb4251f848d3ae75d5265191869b49c44313ae014de2f29cfd852cee09cd5f673b1d0ed1842dc626ce821e48902f767db","href":"https://static.observableusercontent.com/files/c09b16c002c7bd6a5a2afe8c9388a39cb4251f848d3ae75d5265191869b49c44313ae014de2f29cfd852cee09cd5f673b1d0ed1842dc626ce821e48902f767db","name":"n644_4@13.csv","type":"text/csv","lastModified":1779085591692.253,"size":19463},{"id":"dce2a3ec9926255ca1d4d3b1e55bc52b546a5e86a6308d25e574227d23fb346b1b05c8546ecb8e3b57e687a6d38e6582f5b72dc75c62cb02fa5c99f1fec64b73","href":"https://static.observableusercontent.com/files/dce2a3ec9926255ca1d4d3b1e55bc52b546a5e86a6308d25e574227d23fb346b1b05c8546ecb8e3b57e687a6d38e6582f5b72dc75c62cb02fa5c99f1fec64b73","name":"n644_4@2.csv","type":"text/csv","lastModified":1779088999889.93,"size":25150},{"id":"f52af13fec6dc7a5f4ee69c5b0989d42fc2623276133b562afc6fa24917a41225083ff3b8119bf9400748d65ce461d26e82102e1f3aaca3b223f816b1f312bd5","href":"https://static.observableusercontent.com/files/f52af13fec6dc7a5f4ee69c5b0989d42fc2623276133b562afc6fa24917a41225083ff3b8119bf9400748d65ce461d26e82102e1f3aaca3b223f816b1f312bd5","name":"n644_4@1.csv","type":"text/csv","lastModified":1779088395214.139,"size":24844}] 2d:{"title":"n644-4 pyramides (EN)","cells":[{"id":0,"value":"# n644-4 pyramides (EN)","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"pal100 = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#222330\", //black\n \"#d1d1d1\" //gris\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":435,"value":"## Display","pinned":false,"hidden":false,"mode":"md"},{"id":437,"value":"viewof typeG = Inputs.radio([\"Maghreb\", \"Algeria\", \"Morocco\", \"Tunisia\"], {label: \"\", value: \"Maghreb\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":439,"value":"choixGraph = typeG===\"Maghreb\" ? plot4Mag : plot4B","pinned":false,"hidden":false,"mode":"ojs"},{"id":650,"value":"display = typeG!=\"Maghreb\" && compPays2==true ? html` ${viewof annee} ${viewof compPays} ${legendPays} ${plot4P}` :\n typeG!=\"Maghreb\" && compPays2==false && compAnnee2==true ? html`${viewof annee} ${viewof compPays} ${viewof compAnnee} ${legendAnn} ${plot4P}` :\n typeG!=\"Maghreb\" && compPays2==false && compAnnee2==false ? html` ${viewof annee} ${viewof compPays} ${viewof compAnnee} ${plot4P}` : html`${plot4Mag}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"## GRAPHIQUES","pinned":false,"hidden":false,"mode":"md"},{"id":458,"value":"### graphique maghreb ","pinned":false,"hidden":false,"mode":"md"},{"id":258,"value":"title4 = html`

Figure 4. Population pyramids in the Maghreb from the 1960s, 1990s, and 2020s

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"data4 = FileAttachment(\"n644_4@3.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":145,"value":"df4 = data4.map(d=>({\n pays: d.paysEn,\n age: d.age,\n age2: d.gage2En === null ? null: d.age, \n gage: d.gageEn,\n gageb: d.gagebEn, \n gage2: d.gage2En === null ? \"\": d.gage2En,\n gage2b: d.gage2bEn === null ? \"\": d.gage2bEn, \n paysAnnEn: d.paysAnnEn,\n hommes: d.hommes,\n femmes: d.femmes,\n textH1: d.textH1En,\n textF1: d.textF1En, \n textH2: d.textH2En,\n textF2: d.textF2En,\n annee : d.anneeEn,\n annee2 : d.annee2.toString()\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":262,"value":"df4H = df4.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnnEn : d.paysAnnEn, \npays: d.pays,\nannee: d.annee, \nsexe: \"Men\",\nn: - d.hommes \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"df4F = df4.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnnEn : d.paysAnnEn,\npays: d.pays,\nannee: d.annee, \nsexe: \"Women\",\nn: d.femmes \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"df4Tip = df4F.concat(df4H)","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"yAll = [...new Set(df4.map(d=>(d.gageEn)))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":999,"value":"xAge = -1150","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":460,"value":"### Graphique Pays","pinned":false,"hidden":false,"mode":"md"},{"id":467,"value":"labAnn = [...new Set(df4.map(d=>(d.annee)))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":464,"value":"viewof annee = Inputs.radio(labAnn, {label: \"\", value: \"2020s\"}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":1486,"value":"viewof compPays = Inputs.checkbox([\"Compare countries\"], {label: \"\", value: [\"Compare countries\"]})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1488,"value":"compPays2 = compPays.includes(\"Compare countries\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1462,"value":"viewof compAnnee = Inputs.checkbox([\"Compare years\"], {label: \"\", value: [\"Compare years\"]})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1494,"value":"compAnnee2 = compAnnee.includes(\"Compare years\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":462,"value":"filter = df4.filter(d=> typeG.includes(d.pays) && annee==d.annee)","pinned":false,"hidden":false,"mode":"ojs"},{"id":476,"value":"filterPays1 = df4.filter(d=> annee == d.annee)","pinned":false,"hidden":false,"mode":"ojs"},{"id":478,"value":"filterPays2 = filterPays1.filter(d=> compPays2==true ? d.paysFr!= typeG : d.pays=== typeG)","pinned":false,"hidden":false,"mode":"ojs"},{"id":483,"value":"filterAnnee1 = df4.filter(d=>typeG.includes(d.pays) && compAnnee2==true && compPays2==false)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1090,"value":"filterPaysTipH = filterPays1.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnn : d.paysAnnEn, \npays: d.pays,\nannee: d.annee, \nsexe: \"Men\",\nn: - d.hommes,\nz : `homme${d.annee}${d.pays}` \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1093,"value":"filterPaysTipF = filterPays1.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnn : d.paysAnnEn, \npays: d.pays,\nannee: d.annee, \nsexe: \"Women\",\nn: d.femmes,\nz : `femme${d.annee}${d.pays}`\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1096,"value":"filterPaysTip = filterPaysTipF.concat(filterPaysTipH)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1130,"value":"filterAnneeTipH = filterAnnee1.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnn : d.paysAnnEn, \npays: d.pays,\nannee: d.annee, \nsexe: \"Men\",\nn: - d.hommes,\nz : `homme${d.annee}` \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1133,"value":"filterAnneeTipF = filterAnnee1.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnn : d.paysAnnEn, \npays: d.pays,\nannee: d.annee, \nsexe: \"Women\",\nn: d.femmes,\nz : `femme${d.annee}` \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1137,"value":"filterAnneeTip1 = filterAnneeTipF.concat(filterAnneeTipH)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1142,"value":"filterAnneeTip = compAnnee2 == true ? filterAnneeTip1 : filterAnneeTip1.filter(d=> d.annee==annee)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1164,"value":"filterAnneePaysTipH = filter.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnn : d.paysAnnEn, \npays: d.pays,\nannee: d.annee, \nsexe: \"Men\",\nn: - d.hommes,\nz : \"Hommes\",\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1166,"value":"filterAnneePaysTipF = filter.map(d=>({\nage: d.age, \ngage: d.gage,\npaysAnn : d.paysAnnEn, \npays: d.paysFr,\nannee: d.annee, \nsexe: \"Women\",\nn: d.femmes,\nz : \"Femmes\" \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1177,"value":"filterAnneePaysTip = filterAnneePaysTipF.concat(filterAnneePaysTipH)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1115,"value":"plot4bTip = compPays2==true ? filterPaysTip : compPays2==false && compAnnee2==true ? filterAnneeTip : filterAnneePaysTip","pinned":true,"hidden":false,"mode":"ojs"},{"id":678,"value":"##### legends","pinned":false,"hidden":false,"mode":"md"},{"id":899,"value":"colAnn = [\"#207850\",\"#44ce90\",\"#9fe6c6\",\"#c80900\",\"#ff6760\",\"#ffaaa6\",\"#00288d\",\"#074dff\",\"#acc4ff\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":622,"value":"legendPays = Plot.legend({ swatchWidth:30, swatchSize:5, color : {\n domain: typeG==\"Algeria\" ? [\"Morocco\", \"Tunisia\"] :\n typeG==\"Morocco\" ? [\"Algeria\", \"Tunisia\"] : \n typeG==\"Tunisia\" ? [\"Algéria\", \"Morocco\"] : [\"\"],\n range: typeG==\"Algeria\" ? [col[0], col[3]] :\n typeG==\"Morocco\" ? [col[4], col[3]] : \n typeG==\"Tunisia\" ? [col[4], col[0]] : [\"transparent\"],\n} \n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":639,"value":"legendAnn = Plot.legend({ swatchWidth:25, swatchSize:5, color : {\n domain: [\"1960s\",\"1990s\",\"2020s\"],\n \n range: typeG==\"Algeria\" ? [colAnn[2], colAnn[1], colAnn[0]] :\n typeG==\"Morocco\" ? [colAnn[5], colAnn[4], colAnn[3]] : \n typeG==\"Tunisia\" ? [colAnn[8], colAnn[7], colAnn[6]] : [\"transparent\"]\n}\n \n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":641,"value":"annLeg2 = [...new Set(filterAnnee1.map(d=>(d.annee2)))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":540,"value":"annPays = [...new Set(filter.map(d=>(d.annee2)))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":836,"value":"col = [\"#f60b00\",\"transparent\",\"transparent\",\"#0037c4\",\"#289866\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1243,"value":"note = typeG!=\"Maghreb\" && compAnnee2 == true && annee==\"1990s\" && compPays2==false ? html`

* For the 1990s, the age group is 80 to 84.

` : \"\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1290,"value":"filter","pinned":true,"hidden":false,"mode":"ojs"},{"id":494,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":591,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":696,"value":"$34","pinned":false,"hidden":false,"mode":"html"}],"files":"$W35","stdlib":"1","titling":"auto"}