28:null 29:["$","title",null,{"children":"OLD Comparaison internationale du vieillissement EN (4554) | Marc Thevenin | Observable"}] 2e:T6af,plot1 = Plot.plot({ width, height: width>900 ? .8*width : width>500 ? 0.65*width : 310, marginTop: width>1200 ? 20 : width>900 ? 20 : width>500 ? 20 : 20, marginLeft: width>1200 ? 70 : width>900 ? 60 : width>500 ? 50 : 40, marginBottom: width>1200 ? 100 : width>900 ? 70 : width>500 ? 50 : 40, marginRight: width>1200 ? 260 : width>900 ? 250 : width>500 ? 140 : 70, //subtitle: "0-9 ans", x: {domain: [0,50], grid: true, label: "%", labelAnchor:"center", labelArrow: false, ticks : [0,5,10,15,20,25,30,35,40,45]}, y: {label: null, tickPadding:5,}, color: {legend: false, domain: ["Europe", "America", "Asia", "Türkiye and Israel"], range: [pal100[0], pal100[3],pal100[4],pal100[5]] }, marks: [ Plot.barX(data, {filter: d=> year===d.year && d.cageSEN==="Less than 15 years" , x: "page", y:"rank", fill: "regionEn", rx2:50, sort: {y: "x", reverse: true}, inset:1.5, fillOpacity: d=>year<2024 ? 1 : d.year>2023 && d.year<2050 ? .8 : d.year >2049 && d.year<2075 ? 0.7 : 0.6, stroke: "black", strokeWidth: width>500 , 1 : 0.5 , channels: { country: {value: "countryflag", label: ""}, age: {value:"cageSEN", label:""}, n : {value: "page", label: ""}, rang: {value: "rank", label:"Rank:"}}, tip: {format:{x: false, y: false, fill: false, country: true, age: true, strokeWidth: false, fillOpacity: false, n: d=> `${d.toFixed(1)}%` }, strokeWidth: 0}, }), Plot.text(data, {filter: d=> year===d.year && d.cageSEN==="Less than 15 years", x:d=> d.page + .5, y:"rank", text: d=> d.countryEn, textAnchor: "start"} ) ] })2f:T6ee,plot2 = Plot.plot({ width, height: width>900 ? .8*width : width>500 ? 0.65*width : 310, marginTop: width>1200 ? 20 : width>900 ? 20 : width>500 ? 20 : 20, marginLeft: width>1200 ? 70 : width>900 ? 60 : width>500 ? 50 : 40, marginBottom: width>1200 ? 100 : width>900 ? 70 : width>500 ? 50 : 40, marginRight: width>1200 ? 260 : width>900 ? 250 : width>500 ? 140 : 70, x: {domain: [0,50], grid: true, label: "%", labelAnchor:"center", labelArrow: false, ticks : [0,5,10,15,20,25,30,35,40,45]}, y: {label: null, tickPadding:5}, color: {legend: false, domain: ["Europe", "America", "Asia", "Türkiye and Israel"], range: [pal100[0], pal100[3],pal100[4],pal100[5]] }, marks: [ Plot.barX(data, {filter: d=> year===d.year && d.cageSEN==="65 years and over" , x: "page", y:"rank", fill: "regionEn", rx2:50, sort: {y: "x", reverse: true}, inset:1.5, fillOpacity: d=>year<2024 ? 1 : d.year>2023 && d.year<2050 ? .8 : d.year >2049 && d.year<2075 ? 0.7 : 0.6 , stroke: "black", strokeWidth: width>500 , 1 : 0.5 , channels: { country: {value: "countryflagEn", label: ""}, age: {value:"cageSEN", label:""}, n : {value: "page", label: ""}, rang: {value: "rank", label:"Rank:"}}, tip: {format:{x: false, y: false, fill: false, country: true, age: true, strokeWidth: false, fillOpacity: false, n: d=> `${d.toFixed(1)}%` }, strokeWidth: 0}, }), Plot.text(data, {filter: d=> year===d.year && d.cageSEN==="65 years and over" , x:d=> d.page + .5, y:"rank", text: d=> d.countryEn, textAnchor: "start"} ) ] })30:T1318,boxPlotGraph1 = htl.html `

${legend}

${year} - ${donnee}s

Less than 15 years

${plot1}

65 years and over

${plot2}

Note : Observations from 1950 to 2023; projections («medium» scenario) from 2024 to 2100.

Source : World Population Prospects. United Nations.

`31:T812,function Scrubber(values, { format = value => value, delay = null, autoplay = true, loop = true, alternate = false, initial = 73 } = {}) { values = Array.from(values); const form = html``; let timer = null; let direction = 1; function start() { form.b.textContent = "Pause"; timer = delay === null ? requestAnimationFrame(tick) : setInterval(tick, delay); } function stop() { form.b.textContent = "Play"; if (delay === null) cancelAnimationFrame(timer); else clearInterval(timer); timer = null; } function tick() { if (delay === null) timer = requestAnimationFrame(tick); if (form.i.valueAsNumber === (direction > 0 ? values.length - 1 : direction < 0 ? 0 : NaN)) { if (!loop) return stop(); if (alternate) direction = -direction; } form.i.valueAsNumber = (form.i.valueAsNumber + direction + values.length) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); } form.i.oninput = event => { if (event && event.isTrusted && timer) form.b.onclick(); form.value = values[form.i.valueAsNumber]; form.o.value = format(form.value, form.i.valueAsNumber, values); }; form.b.onclick = () => { if (timer) return stop(); direction = alternate && form.i.valueAsNumber === values.length - 1 ? -1 : 1; form.i.valueAsNumber = (form.i.valueAsNumber + direction) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); start(); }; form.i.oninput(); if (autoplay) start(); else stop(); return Generators.disposable(form, stop); }32:T957, 33:Tc22,34:[] 2c:{"id":"6f7b58419dc2bd7d","slug":null,"title":"OLD Comparaison internationale du vieillissement EN (4554)","thumbnail":"6bf577bc848c3dcd0b3e70b0c959f3f279bab4c3d3b21d4de9a500d466b18ca4","access_level":"public","create_time":"$D2026-05-21T13:28:52.512Z","update_time":"$D2026-09-18T21:55:38.679Z","view_time":null,"first_public_time":"$D2026-05-22T05:31:32.913Z","has_unpublished_edits":null,"fork":true,"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":589,"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":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/6ae55bec6f9ba0bbe9597b60f19a08df8d2f5b06630eb6929919d0306a71b058","tier":"free_2026","role":"editor"},{"type":"individual","id":"b5b022ef44e3d3a2","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/ff86d75fca849a58a73d37988818fed6fa039e41541174c8654ac020ffc491f5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"672bba8050846e16","slug":"vieillissement","title":"Vieillissement","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"OLD Comparaison internationale du vieillissement EN (4554)","cells":[{"id":0,"value":"# OLD Comparaison internationale du vieillissement EN (4554)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"pal100 = [\n \"#ff564e\", //rouge 0\n \"#ff7aad\", //rose 1\n \"#522673\", //mauve 2 \n \"#0042eb\", //bleu 3\n \"#5cd49e\", //vert 4 \n \"#ffb322\", //jaune 5\n \"#4f4f4f\", //gray 6\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"currentTime = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"yearCaption = currentTime.getFullYear()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":477,"value":"data =d3.csv(\"https://raw.githubusercontent.com/mthevenin/tssp/refs/heads/main/Vieillissement_population/graph.csv\", d3.autoType) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"filter = data.filter(d=> year === d.year && d.rank===1 && d.cageS===\"Moins de 15 ans\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"typeData = filter.map(d=>({\n data: d.data\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"donnee = typeData[0].data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"viewof year = Scrubber(d3.sort(d3.union(data.map((d) => d.year))), {loop: false, delay: 200, autoplay: false, value: 2023})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"legend = Plot.legend({className:\"legend\", swatchWidth: 10, swatchHeight: 10, color: { \n domain: [\"Europe\", \"America\", \"Asia\", \"Turkey and Israel\"],\n range: [pal100[0], pal100[3],pal100[4],pal100[5]]\n }})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"boxInput = htl.html `\n${viewof year}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"$32","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssInput","database":"$undefined"},{"id":404,"value":"$33","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssTab","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 2d:"$2c:body"