2f:Ta94,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 = "Jouer"; 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; }30:Tda0,31:Tbf6,32:[{"id":"9682709aeeb04e4eef77d7788682a69fde299e3c1ee2bbf690a6e3a795f0df751b0ac38578855d7bb4b88195358de582c664e2dda5302ed170ade0e75979aedb","href":"https://static.observableusercontent.com/files/9682709aeeb04e4eef77d7788682a69fde299e3c1ee2bbf690a6e3a795f0df751b0ac38578855d7bb4b88195358de582c664e2dda5302ed170ade0e75979aedb","name":"circle-question@1.svg","type":"image/svg+xml","lastModified":1767952840805.346,"size":776}] 2d:{"title":"Image courbe simple pour liste","cells":[{"id":0,"value":"# Image courbe simple pour liste","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":547,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":596,"value":"df = d3.csv(\"https://raw.githubusercontent.com/mthevenin/tssp/refs/heads/main/Mortalite/mortalite_infantile/graph.csv\", d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"filter = df","pinned":true,"hidden":false,"mode":"ojs"},{"id":439,"value":"viewof checknote = Inputs.toggle({label: \"Causes de surmortalité infantile :\", value: false})","pinned":false,"hidden":false,"mode":"ojs"},{"id":449,"value":" heightInfoBulles = {\n let n; \n if (checknote===true && width>=1000) {return n=300}\n if (checknote===true && width>=700) {return n=250}\n if (checknote===true && width>=500) {return n=220} \n if (checknote===true && width<500) {return n=190} \n {return n = 0}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"infoBulles = Plot.plot({\nmarginTop:0, \nwidth,\nheight: heightInfoBulles, \nx: {domain: [0,10], axis: false}, \ny: {domain: [-1.2,4.9], axis: false}, \n marks : [\n\nPlot.text([\"➀ et ➁ : Épidémies de choléra\"], {x:0, y:4, textAnchor:\"start\", className: \"textBulle\",}),\n \nPlot.text([\"➂ : Suites de la guerre de 1870-1871 contre la Prusse\"], {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([\"➃ : Été très chaud\"], {x:0, y:1.6, textAnchor:\"start\", className: \"textBulle\"}), \n\nPlot.text([\"➄ : Grippe espagnole\"], {x:0, y:0.4, textAnchor:\"start\", className: \"textBulle\"}), \n\nPlot.text([\"➅ : Suites de la seconde guerre mondiale\"], {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"},{"id":145,"value":"question = FileAttachment(\"circle-question@1.svg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"$30","pinned":false,"hidden":false,"mode":"html"},{"id":406,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":616,"value":" \"#ff9a96\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":618,"value":"Z = Plot.plot({\nwidth : 600, \nheight: 0.725*600,\n\nx: {tickFormat: \"d\", grid: false, label: \"Année\", labelArrow: false, axis: false, domain:[1800,1940]},\ny: {grid: true, label: \"Taux* pour 1 000\", ticks: 8, labelArrow: false, tickSize:10, axis: false}, \n\nmarks: [\n \n Plot.dot(filter,{filter: d=>d.annee===1855 , x:1865,y:188, r:67, strokeWidth:1, stroke: \"#818181\", fill:'#eaeaea'}),\n\n \n Plot.line(filter, {filter: d=> d.annee>1800 && d.annee<1940, x: d=> d.annee -.5 , y: d=> d.n -1.4 , curve: \"catmull-rom\", stroke: \"#ffccca\" ,strokeWidth: 5 }), \n Plot.line(filter, {filter: d=> d.annee>1800 && d.annee<1940, x: \"annee\" , y: \"n\", curve: \"catmull-rom\", stroke: pal100[0] ,strokeWidth: 4 }), \n\n //Plot.arrow(filter, {x1:1895, x2:1940, y1:135, y2:50, bend:-20, strokeWidth:2, stroke: \"#818181\"})\n\n\n\n\n]\n})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}