28:null 29:["$","title",null,{"children":"Graphic life expectancy for 9 countries EN (3719) | Marc Thevenin | Observable"}] 2e:Taec,plot = Plot.plot({ marginTop: rWidth>600 ? 40 : 30, marginLeft: rWidth>600 ? 40 : 30, marginBottom: rWidth>500 ? 60 : 35, marginRight: rWidth>600 ? 10 :0, width: rWidth, height: rWidth>900 ? .6*rWidth : rWidth>600 ? 0.7*rWidth : 350, color: {legend: false, domain: ["France", "Germany","Denmark","Spain","United Kingdom","Italy","Japan","Sweden","United States"], range: range}, x: {tickFormat: "d", tickSize: width>500 ? 10 : 5, label: "Year", labelArrow: false, grid: true, domain: [slider[0], slider[1]] }, y: {grid: true, domain: [70,90], label: "Number of years", labelArrow: false, inset: 20, ticks:8}, fx: {label: null, axis: null, padding: paddingFx }, marks: [ Plot.line(filter, { fx: "sexe", x: "annee", y:"edv", z:"index", stroke:"#414141", strokeWidth:.2, curve:"catmull-rom",}), Plot.frame({strokeWidth:.5, stroke: "black"}), Plot.line(filter, {filter: d=> checkbox.includes(d.paysEn), fx: "sexe", x: "annee", y:"edv", stroke:"paysEn", curve: "catmull-rom", strokeWidth: d=> d.pays==="France" ? 1.5*strokeW : strokeW, channels: { pays: {value: "paysEn", label:""}, annee: {value: "annee", label:""}, edv: {value:"edv", label: ""}, flag: {value: "flag", label: ""}, }, tip: {format: {flag: true, pays: true, annee: true, edv: d=> `${d.toFixed(1)} years` ,fx: false, y: false, x:false, z: false, stroke: false, strokeWidth: false, annee: "d"}, render(index, scales, values, dimensions, context, next) { const path = d3.select(context.ownerSVGElement).selectAll("[aria-label=line] path"); if (index.length) { const z = values.z[index[0]]; path.style("stroke", "#d1d1d1") //path.style("stroke-width", 2.9) .filter(([i]) => values.z[i] === z) .style("stroke", null) .raise(); } else path.style("stroke", null); // Render the tip. return next(index, scales, values, dimensions, context); }, fillOpacity: 1, stroke: "transparent", strokeWidth:0 }, }), Plot.text(["Women"], {fx: ["Femmes"], x: sexPosition, y: 88.5, textAnchor: "middle", className:"label", lineAnchor: "bottom"}), Plot.text(["Men"], {fx: ["Hommes"], x: sexPosition, y: 88.5, textAnchor: "middle", className:"label",lineAnchor: "bottom"}), ] })2f:Td60,boxPlot = htl.html `

${viewof rWidth}

${viewof slider}

${viewof checkbox} ${cssLegend}

${plot}

Source : The Human Mortality Database (HMD).

`30:T9a0, 31:[{"id":"1d5aa7d9d34152c3048a8d6c0d12ad53cbf372da59f687b39eea457aace8af9eee6f5bcfdc2c957cb262ffd6bbbb1ba401ad4a1a94af73dcf5be6896fa8cc7c9","href":"https://static.observableusercontent.com/files/1d5aa7d9d34152c3048a8d6c0d12ad53cbf372da59f687b39eea457aace8af9eee6f5bcfdc2c957cb262ffd6bbbb1ba401ad4a1a94af73dcf5be6896fa8cc7c9","name":"graph.csv","type":"text/csv","lastModified":1786983348522.434,"size":116158},{"id":"6bc3e98a0e08979be15216a636fdd4c3b3d4e4ae6cca26e5aae3fc54d1a882c0831b66a8024277397a05f695b424d34f86939e326433879a2c040d171519d211","href":"https://static.observableusercontent.com/files/6bc3e98a0e08979be15216a636fdd4c3b3d4e4ae6cca26e5aae3fc54d1a882c0831b66a8024277397a05f695b424d34f86939e326433879a2c040d171519d211","name":"graph.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1787219401755.21,"size":68554},{"id":"ce5844da2ed6597ded0c32ae1a8ff02e8374506271ed9c451c5b84ba0a554114156db18332d97bd73101a341b6f9600b0ca022e345b76729fec71732d2cb3598","href":"https://static.observableusercontent.com/files/ce5844da2ed6597ded0c32ae1a8ff02e8374506271ed9c451c5b84ba0a554114156db18332d97bd73101a341b6f9600b0ca022e345b76729fec71732d2cb3598","name":"graph@1.csv","type":"text/csv","lastModified":1787219428177.464,"size":116306}] 2c:{"id":"9c1dcddcab7a7eda","slug":null,"title":"Graphic life expectancy for 9 countries EN (3719)","thumbnail":"72137cfeca5eacb22e82c64c1cc295446228d29bf53ca1e6962e3cf9dc324b28","access_level":"public","create_time":"$D2025-12-15T13:31:34.462Z","update_time":"$D2026-09-18T20:53:23.677Z","view_time":null,"first_public_time":"$D2025-12-15T13:31:40.745Z","has_unpublished_edits":null,"fork":{"id":"5113e7bf5fd5b097","slug":null,"title":"Graph espérance de vie dans 9 pays ocde FR (3719)","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"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":646,"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":"3a9735b59b096842","slug":"comparaison-internationale-mortalite","title":"Comparaison internationale mortalité","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Graphic life expectancy for 9 countries EN (3719)","cells":[{"id":0,"value":"# Graphic life expectancy for 9 countries EN (3719)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"yearCaption = new Date().getFullYear()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"pal100 = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#4f4f4f\", //gray\n \"#ff362d\", //red dark\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"df = FileAttachment(\"graph@1.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"domain = [...new Set(df.map(d=>d.paysEn))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"range = [\n \"#0042eb\", //bleu\n \"#ff7aad\", //rose\n \"#d50a00\", //rouge dark\n \"#ff564e\", //rouge \n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#ac79d3\", //mauve \n \"#678ef3\", // bleu clair\n \"#414141\", //grayL\n\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"maxYear = d3.max(df, d=> d.annee)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"sexPosition = Math.round((slider[0]+slider[1])/2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"##### Life expectancy at birth in France and in others OECD countries from 1980 to 2024","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"title","database":"$undefined"},{"id":603,"value":"viewof checkbox = legend([\"France\", \"Germany\", \"Denmark\", \"Spain\", \"United Kingdom\", \"Italy\", \"Japan\", \"Sweden\", \"United States\"],range, {shape:\"line\", subdomain: [\"France\", \"United States\", \"Japan\", \"Denmark\"]}) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"viewof slider = rangeSlider({\n min: 1980,\n max: maxYear,\n step: 1,\n value: [1980,maxYear],\n label: \"Choisir une période\",\n color: \"black\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"filter = df.filter(d => d.annee>=slider[0] && d.annee<=slider[1] )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"paddingFx = {\n let n;\n if (width>900) {return n=0.1}\n if (width>600) {return n=0.15} \n else {return n=0.18}\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"strokeW = rWidth>600 ? 3 : 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"## Fonctions & css","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":20,"value":"import {rangeSlider} from \"@mootari/range-slider\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"$30","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssGeneral","database":"$undefined"},{"id":598,"value":"import {legend, cssLegend} from \"@wsthevenin/mtinput\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":601,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"viewof rWidth = {\n const div = html`

`;\n const ro = new ResizeObserver(entries => {\n const w = entries[0].contentRect.width;\n if (w > 0 && w !== div.value) {\n div.value = w;\n div.dispatchEvent(new CustomEvent(\"input\"));\n }\n });\n ro.observe(div);\n div.value = div.getBoundingClientRect().width || 800;\n return div;\n} ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 2d:"$2c:body"