2f:Tf60,boxPlotGraph1 = htl.html `

${viewof choix} ${choixG}

Source: WPP, ONU

`30:T540,plot1 = Plot.plot({ width, height: width>1000 ? 0.6*width : width>500 ? 0.7*width : 350 , marginLeft: width>1000 ? 80 : width>500 ? 70 : 40, marginBottom: width>1000 ? 90 : width>500 ? 70 : 40, marginTop: width>1000 ? 60 : width>500 ? 40 : 30, marginRight: 30, x:{domain: [0,250], grid:true, label: "Taux de mortalité infantile", ticks: width>500 ? 10 : 5, tickSize: width>1000 ? 15 : width>500 ?10 : 5, labelArrow: false}, y:{domain: [0,9], grid:true, label: "Indice Synthétique de fécondité", ticks:10, labelArrow:false}, color: {legend:false,domain:domain,range:range}, marks: [ Plot.dot(df,{x:"tmi",y:"icf", fill:"regionFr", r: width>1000 ? 10 : width>500 ? 7 : 4, stroke:"black", strokeWidth: width>1000 ? 2.5 : width>500 ? 2 : 1, channels: { pays: {value: "paysFr", label:""} , annee: {value: "year",label:""} }, tip: {format: {annee:"d",pays:true}} }), Plot.linearRegressionY(df, {x: "tmi", y: "icf", stroke: "black", ci:false, strokeWidth: width>1000 ? 2.5 : width>500 ? 2 : 1,}), Plot.text( // Add text annotation for model estimates (shown in blue) [`𝘙 ² = ${score.r2.toFixed(3)}` ], {frameAnchor: "top-right", dy: -20, fontSize: 16, fill: "#414141", fontWeight: 600} ), ] })31:T7c5,plot2 = Plot.plot({ width, height: width>1000 ? 0.6*width : width>500 ? 0.7*width : 350 , marginLeft: width>1000 ? 80 : width>500 ? 70 : 40, marginBottom: width>1000 ? 90 : width>500 ? 70 : 40, marginTop: width>1000 ? 120 : width>500 ? 80 : 50, marginRight: 30, x:{domain: [0,250], grid:true, label :"Taux de mortalité infantile", ticks: width>500 ? 10 :5 , tickSize: width>1000 ? 15 : width>500 ?10 : 5}, y:{domain: [0,9], grid:true, ticks: 10, label: "Indice synthétique de fécondité"}, marks: [ Plot.line(dfFilter, {filter: d=> selectPays===d.paysFr, x:"tmi", y:"icf", strokeWidth:.5, stroke:"#414141",}), Plot.dot(dfFilter, {filter: d=> selectPays===d.paysFr, x:d=> d.tmi, y:d=> d.icf, r: width> 1000 ? 10 : width>500 ? 7: 3, fill: d=> d.year===1980 ?"#d80a00" : d.year===2000 ? "#640500" : d.year===2023 ? "#414141" : "#f1f1f1", stroke:"#616161", strokeWidth: width>1000 ? 2 : width>500 ? 1: .5, tip: true }), // annee Plot.text(dfFilterYear,{x:d=> d.tmi-10, y:d=> d.icf -1.3, text: d=> d.year.toString(), lineAnchor:"top", fill:"#320200", className:"annee"}), Plot.arrow(dfFilterYear,{x1:d=> d.tmi-10, x2:d=> d.tmi, y:d=> d.icf -1.2, y2: d=> d.icf, bend:10, stroke: "#320200", strokeWidth:1.5}), // 1980 Plot.text(dfFilterYear,{x:d=> d.tmi1980, y: 9.05, text: d=> d.year1980.toString(), lineAnchor:"bottom", fill: "#d80a00", className:"annee", textAnchor:"start"}), Plot.ruleX(dfFilterYear,{x:d=> d.tmi1980, y:d=> 8.9, y2: d=> d.icf1980, stroke: "#d80a00", strokeWidth: width>500 ? 2 : 1}), // 2000 Plot.text(dfFilterYear,{x:d=> d.tmi2000, y: 9.4, text: d=> d.year2000.toString(), lineAnchor:"bottom", fill: "#640500", className:"annee", textAnchor:"end"}), Plot.ruleX(dfFilterYear,{x:d=> d.tmi2000, y:d=> 9.3, y2: d=> d.icf2000, stroke: "#640500", strokeWidth:width>500 ? 2 : 1}), ] })32:T925,filterLegendLong = ( domain, range, subdomain = null ) => { const defaultChecked = subdomain === null ? domain : subdomain; const value = new Map( domain.map(d => [d, defaultChecked.includes(d)]) ); const _set = () => set( node, [...value].filter(d => d[1]).map(d => d[0]) ); const oninput = e => { value.set(e.target.id, e.target.checked); _set(); }; const selectAll = () => { domain.forEach(d => value.set(d, true)); node.querySelectorAll("input[type=checkbox]") .forEach(cb => cb.checked = true); _set(); }; const selectNone = () => { domain.forEach(d => value.set(d, false)); node.querySelectorAll("input[type=checkbox]") .forEach(cb => cb.checked = false); _set(); }; const node = htl.html`

${domain.map((d, i) => htl.html`

${d}

`)}

`; _set(); return node; }; 33:Te06, 34:[{"id":"507cb5e4ba4679096c2d56cafef16be27ae7899fbeabdea8f48b242b393194fdcd396f59efbe577c966c546fd8e00dcd8448c49b8413d915ffda536aa5141694","href":"https://static.observableusercontent.com/files/507cb5e4ba4679096c2d56cafef16be27ae7899fbeabdea8f48b242b393194fdcd396f59efbe577c966c546fd8e00dcd8448c49b8413d915ffda536aa5141694","name":"data.csv","type":"text/csv","lastModified":1782305124019.234,"size":307295},{"id":"2b805ff6c1ef41771ce5c93307e5cd38ef8609909f0bb9e04361807dbdca670b0f1792f759ed5edfdba51d01b3713476af52d1649bb106a3bd8933f97e054480","href":"https://static.observableusercontent.com/files/2b805ff6c1ef41771ce5c93307e5cd38ef8609909f0bb9e04361807dbdca670b0f1792f759ed5edfdba51d01b3713476af52d1649bb106a3bd8933f97e054480","name":"data@4.csv","type":"text/csv","lastModified":1782381362076.416,"size":362785},{"id":"2b805ff6c1ef41771ce5c93307e5cd38ef8609909f0bb9e04361807dbdca670b0f1792f759ed5edfdba51d01b3713476af52d1649bb106a3bd8933f97e054480","href":"https://static.observableusercontent.com/files/2b805ff6c1ef41771ce5c93307e5cd38ef8609909f0bb9e04361807dbdca670b0f1792f759ed5edfdba51d01b3713476af52d1649bb106a3bd8933f97e054480","name":"data@5.csv","type":"text/csv","lastModified":1782381682043.5,"size":362785},{"id":"a7b29dbcb563958130c0154f1f8c4a5a4e0f9cf0b2666dc43cadf6041138ec6ed5b2afac56e79a672a24de5da33f12e81fd769937b80355cf8c1b673332ddda6","href":"https://static.observableusercontent.com/files/a7b29dbcb563958130c0154f1f8c4a5a4e0f9cf0b2666dc43cadf6041138ec6ed5b2afac56e79a672a24de5da33f12e81fd769937b80355cf8c1b673332ddda6","name":"data@6.csv","type":"text/csv","lastModified":1782381761835.818,"size":397761},{"id":"505d130235f08a646dc060bd54db02ee6adcda436b195e6d29cdb0add4431cd804522bb84cc2da18a9142347b63d9be3ddb5b096660bb7565849c8e792dc02c5","href":"https://static.observableusercontent.com/files/505d130235f08a646dc060bd54db02ee6adcda436b195e6d29cdb0add4431cd804522bb84cc2da18a9142347b63d9be3ddb5b096660bb7565849c8e792dc02c5","name":"data@3.csv","type":"text/csv","lastModified":1782380147969.016,"size":328733},{"id":"944f5b07fafb3132288b3d32e3d5b457699017145c9f4a47d1113de6c1fb13a430ed8a037c1990e8fe1494aa73625e052832e417d4feffc4fc4ca955d75b1f24","href":"https://static.observableusercontent.com/files/944f5b07fafb3132288b3d32e3d5b457699017145c9f4a47d1113de6c1fb13a430ed8a037c1990e8fe1494aa73625e052832e417d4feffc4fc4ca955d75b1f24","name":"data@1.csv","type":"text/csv","lastModified":1782378365755.214,"size":311483},{"id":"1e6708bd7fcacb40ad20b8e17b2a04f50aba3ce3f8858fcab6a93dd9cf45ef6380b847ed07ac7565dab81c7c6161a16b2a6c7e6d71b073cdfa1e0aec96ec682f","href":"https://static.observableusercontent.com/files/1e6708bd7fcacb40ad20b8e17b2a04f50aba3ce3f8858fcab6a93dd9cf45ef6380b847ed07ac7565dab81c7c6161a16b2a6c7e6d71b073cdfa1e0aec96ec682f","name":"data@2.csv","type":"text/csv","lastModified":1782379032126.897,"size":315269}] 2d:{"title":"Fecondité et mortalité infantile en Afrique subsaharienne (25060)","cells":[{"id":0,"value":"# Fecondité et mortalité infantile en Afrique subsaharienne (25060)","pinned":false,"hidden":false,"mode":"md"},{"id":286,"value":"viewof choix = Inputs.radio([\"Tous les pays\", \"Un pays\"], {value: \"Tous les pays\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":289,"value":"choixG = choix===\"Tous les pays\" ?\nhtml`

${viewof annee} ${viewof legend}

${plot1}` \n: html`

${viewof annee2} ${viewof legend} ${viewof selectPays}

${plot2}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"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":16,"value":"numbers = Array.from({length: 74}, (_, i) => i+1950)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"data1 = FileAttachment(\"data@6.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":"data = data1.map(d=>({ \ntmi: d.tmi,\nicf:d.icf,\npaysFr:d.paysFr,\nregionFr: d.regionFr,\nyear: d.year,\nyear1980: d.year1980!=null ? d.year1980 : \"\",\nyear2000: d.year2000!=null ? d.year2000 : \"\", \ntmi1980: d.tmi1980,\ntmi2000: d.tmi2000, \nicf1980: d.icf1980,\nicf2000: d.icf2000, \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"domain = [... new Set(data.map(d=> d.regionFr))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"range = [pal100[0],pal100[3],pal100[4],pal100[5]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"df= data.filter(d=> d.year===annee && legend.includes(d.regionFr))","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"ML = require(\"https://www.lactame.com/lib/ml/6.0.0/ml.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":92,"value":"lm = new ML.SimpleLinearRegression(df.map(d => d.icf), df.map(d => d.tmi))","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"score = lm.score(df.map(d => d.icf), df.map(d => d.tmi))","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"viewof annee = Scrubber(numbers, {autoplay: false, loop:false, delay:200, initial:\n //numbers.length - numbers.length\n numbers.length - 1\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"viewof legend = filterLegendLong(domain,range)","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"domainPays = [...new Set(df.map(d=>d.paysFr))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"viewof selectPays = Inputs.select(domainPays, {label: \"Pays :\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"viewof annee2 = Scrubber(numbers, {autoplay: false, loop:false, delay:200,\n initial: \n numbers.length -1\n //numbers.length - numbers.length}\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"dfFilter = data.filter(d=> d.year<=annee2 && selectPays===d.paysFr)","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"dfFilterYear = data.filter(d=> d.year===annee2 && selectPays===d.paysFr)","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":118,"value":"#### Fonctions et css","pinned":false,"hidden":false,"mode":"md"},{"id":13,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"$33","pinned":false,"hidden":false,"mode":"html"},{"id":397,"value":"viewof form = Inputs.form({\n option1: Inputs.checkbox([\"A\", \"B\"], {label: \"Select some\"}),\n option2: Inputs.range([0, 100], {label: \"Amount\", step: 1}),\n option3: Inputs.radio([\"A\", \"B\"], {label: \"Select one\"}),\n option4: Inputs.select([\"A\", \"B\"], {label: \"Select one\"})\n},\n{ \ntemplate: (inputs) => htl.html`

\n ${Object.values(inputs)}\n

`}\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":403,"value":"form.option2","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}