28:null 29:["$","title",null,{"children":"Infant mortality rate EN - Graph (3920) | Marc Thevenin | Observable"}] 2e:Ta93,function Scrubber(values, { format = value => value, initial = 0, direction = 1, delay = null, autoplay = true, loop = true, loopDelay = null, alternate = false } = {}) { values = Array.from(values); const form = html``; let frame = null; let timer = null; let interval = null; function start() { form.b.textContent = "Pause"; if (delay === null) frame = requestAnimationFrame(tick); else interval = setInterval(tick, delay); } function stop() { form.b.textContent = "Play"; if (frame !== null) cancelAnimationFrame(frame), frame = null; if (timer !== null) clearTimeout(timer), timer = null; if (interval !== null) clearInterval(interval), interval = null; } function running() { return frame !== null || timer !== null || interval !== null; } function tick() { if (form.i.valueAsNumber === (direction > 0 ? values.length - 1 : direction < 0 ? 0 : NaN)) { if (!loop) return stop(); if (alternate) direction = -direction; if (loopDelay !== null) { if (frame !== null) cancelAnimationFrame(frame), frame = null; if (interval !== null) clearInterval(interval), interval = null; timer = setTimeout(() => (step(), start()), loopDelay); return; } } if (delay === null) frame = requestAnimationFrame(tick); step(); } function step() { 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 && running()) stop(); form.value = values[form.i.valueAsNumber]; form.o.value = format(form.value, form.i.valueAsNumber, values); }; form.b.onclick = () => { if (running()) 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(); Inputs.disposal(form).then(stop); return form; }2f:T7f4,plot = Plot.plot({ width: rWidth, height: rWidth>900 ? 0.6*rWidth : rWidth>600 ? 0.7*rWidth : 350, marginTop: margin.top, marginLeft: margin.left, marginBottom: margin.bottom, x: {tickFormat: "d", grid: true, domain: [slider[0], slider[1]], ticks: width>400 ? 8 : 3, label: "Year", labelArrow: false,}, y: {grid: true, domain: [0, max + 5], label: "Rate* for 1,000", ticks: 8, labelArrow: false, tickSize:10}, marks: [ Plot.line(filter, {x: "annee" , y: "n", curve: "catmull-rom", stroke: "#f1f1f1" , strokeWidth: rWidth>600 ? 4 : 1.5, }), Plot.line(filter,{x: "annee", y: "n", curve: "catmull-rom", stroke: pal100[0] , strokeWidth: rWidth>600 ? 4 : 1.5, channels: { annee: {value: "annee", label: ""}, n: {value: "n", label: "Rate :"}, cause: {value: "causeEn", label: "Cause : "}, donnee: {value: "donneesEn", label: ""} }, tip: {format:{annee: "d", cause: true, x: false, y: false, n: d=> `${d.toFixed(1)}‰`}, strokeWidth: 0}}), Plot.text(["➀"] , { x: 1834, y: 217, fontWeight:540, textAnchor:"middle", lineAnchor: "bottom", className: "alert"}), Plot.text(["➁"] , { x: 1859, y: 225, fontWeight:540, textAnchor:"middle", lineAnchor: "bottom", className: "alert"}), Plot.text(["➂"] , { x: 1871, y: 235, fontWeight:540, textAnchor:"midle", lineAnchor: "bottom", className: "alert"}), Plot.text(["➃"] , { x: 1911, y: 165, fontWeight:540, textAnchor:"middle", lineAnchor: "bottom", className: "alert" }), Plot.text(["➄"] , { x: 1918, y: 158, fontWeight:540, textAnchor:"middle", lineAnchor: "bottom", className: "alert" }), Plot.text(["➅"], { x: 1945, y: 120, fontWeight:540, textAnchor:"middle", lineAnchor: "bottom", className: "alert" }), Plot.axisX({dy:0, tickFormat: "d", grid: true, ticks: width>400 ? 8 : 3, label: "Year", labelArrow: false, labelAnchor: "center"}) ] })30:Te98,bboxPlot = htl.html `

${viewof rWidth}

${viewof slider}

${plot}

* Risk for a newborn to die before his first birthday.
© Ined - ${yearCaption}

${viewof checknote} ${cssToggle} ${infoBulles}

Scope : Metropolitan France.

Sources : Before 1946 : Refer to G.Pison, France 2004: Life expectancy tops 80 years. Since 1946 : INSEE, civil status statistics and estimates.

`31:Tdb6,cssGeneral = html` `32:[{"id":"ef605d71331af9dd6f2bcc37376169ed9a671155e77a4633287fe1274e4bd29f36efa1028ffe216be18678d4963dfc83bce88635d53f39b7bb2b6ffb7f39ba84","href":"https://static.observableusercontent.com/files/ef605d71331af9dd6f2bcc37376169ed9a671155e77a4633287fe1274e4bd29f36efa1028ffe216be18678d4963dfc83bce88635d53f39b7bb2b6ffb7f39ba84","name":"graph.csv","type":"text/csv","lastModified":1786977372532.299,"size":6647}] 2c:{"id":"2bda82ed854c548a","slug":null,"title":"Infant mortality rate EN - Graph (3920)","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2025-12-15T12:41:46.531Z","update_time":"$D2026-09-18T20:40:53.148Z","view_time":null,"first_public_time":"$D2025-12-15T12:42:59.083Z","has_unpublished_edits":null,"fork":{"id":"f40276730e4b3c53","slug":null,"title":"Graph Taux de mortalité infantile FR (3920)","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":735,"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":"individual","id":"b5b022ef44e3d3a2","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/ff86d75fca849a58a73d37988818fed6fa039e41541174c8654ac020ffc491f5","tier":null,"role":"editor"},{"type":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/6ae55bec6f9ba0bbe9597b60f19a08df8d2f5b06630eb6929919d0306a71b058","tier":"free_2026","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"e321bdaf738c40e9","slug":"mortalite-infantile","title":"Mortalité infantile","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Infant mortality rate EN - Graph (3920)","cells":[{"id":0,"value":"# Infant mortality rate EN - Graph (3920)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":47,"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":66,"value":"yearCaption = new Date().getFullYear()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"//df = d3.csv(\"https://raw.githubusercontent.com/mthevenin/tssp/refs/heads/main/Mortalite/mortalite_infantile/graph.csv\", d3.autoType) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":731,"value":"df = FileAttachment(\"graph.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"minMax = d3.extent(df, d=> d.annee)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"### Infant mortality rate from ${minMax[0]} to ${minMax[1]}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"title","database":"$undefined"},{"id":36,"value":"viewof slider = rangeSlider({\n min: 1745,\n max: 2025,\n step: 1,\n value: [1745,2025],\n label: \"Choisir une plage d'âges\",\n color: pal100[0],\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"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":70,"value":"max = d3.max(filter, d=>d.n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"margin = {\n \nconst top = width>500 ? 60 : 40;\nconst left = width>800 ? 80 : width>600 ? 60 : width>400 ? 50 : 39 \nconst bottom = width>1000 ? 70 : width>500 ? 60 : width>400 ? 50 : 40\nconst right = width>600 ? 30 : 10 \n \nreturn {top,left, bottom, right} \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":699,"value":"viewof checknote = toggle({label:\"Causes of excess infant mortality\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":" heightInfoBulles = {\n let n; \n if (checknote===true) {return n=180} \n {return n = 0}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"infoBulles = Plot.plot({\nmarginTop:0, \nwidth: rWidth,\nheight: heightInfoBulles, \nx: {domain: [0,10], axis: false}, \ny: {domain: [-1.2,4.9], axis: false}, \n marks : [\n\nPlot.text([\"➀ et ➁ : Cholera epidemics\"], {x:0, y:4, textAnchor:\"start\", className: \"textBulle\",}),\n \nPlot.text([\"➂ : Aftermath of the Franco-Prussian War of 1870-1871\"], {x:0, y:2.8, textAnchor:\"start\", className: \"textBulle2\",\n href: d => `https://shs.cairn.info/revue-population-2021-1-page-9?lang=fr`}), \n\nPlot.text([\"➃ : Very hot summer\"], {x:0, y:1.6, textAnchor:\"start\", className: \"textBulle\"}), \n\nPlot.text([\"➄ : Spanish flu\"], {x:0, y:0.4, textAnchor:\"start\", className: \"textBulle\"}), \n\nPlot.text([\"➅ : Aftermath of the second world war\"], {x:0, y:-0.8, textAnchor:\"start\", className: \"textBulle2\",\n href: d => `https://books.openedition.org/pur/20108?lang=fr`}), \n \n ]\n\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"strokeW = {\nlet n; \n if (width>=800) {return n =4.5} \n if (width>=700) {return n =4} \n if (width>=500) {return n =3}\n else {return n = 2} \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"import {rangeSlider} from \"@mootari/range-slider\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"import {toggle,cssToggle} from '@wsthevenin/mtinput'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":665,"value":"cssToggle","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"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":"$W32","stdlib":"1"}} 2d:"$2c:body"