2f:T74a,boxPlot = htl.html `

Quotients de mortalité selon le sexe de 1946 à 2024

${viewof checkbox} ${viewof slider} ${plot}

`30:T6b7,filterLegend = ( 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; }; 31:Tf69,32:[{"id":"c9bdc4a96c1200a63425db8eaf102326f8da0fc85c24cc4a23c04cd7464cb10ef1ebd6fa84c421371ae0877473f51f2fe5fe87e880e39625a54cedab9cfc5c36","href":"https://static.observableusercontent.com/files/c9bdc4a96c1200a63425db8eaf102326f8da0fc85c24cc4a23c04cd7464cb10ef1ebd6fa84c421371ae0877473f51f2fe5fe87e880e39625a54cedab9cfc5c36","name":"test_heatmap@6.csv","type":"text/csv","lastModified":1765361681982.832,"size":715024}] 2d:{"title":"Quotients de mortalité en France de 1946 à 2024","cells":[{"id":0,"value":"# Quotients de mortalité en France de 1946 à 2024","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"df = FileAttachment(\"test_heatmap@6.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"range = ['#fff5f0','#fee0d2','#fcbba1','#fc9272','#fb6a4a','#ef3b2c','#cb181d','#a50f15','#67000d']","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"domain = [\"40's\", \"50's\", \"60's\",\"70's\", \"80's\", \"90's\", \"2-00's\", \"2-10's\", \"2-20's\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"range2 = [\"#ffdddc\", \"#ffbbb8\", \"#ff9a95\", \"#ff7871\", \"#ff564e\", \"#ff160b\", \"#c80900\", \"#850600\", \"#430300\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":196,"value":"viewof slider = rangeSlider({\n min: 0,\n max: 95,\n step: 1,\n value: [0,95],\n label: \"Choisir une plage d'âges\",\n color: \"#ff362d\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"viewof checkbox = filterLegend(domain, range2, [\"40's\", \"80's\",\"2-20's\"]) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"df2 = df.filter(d => d.age>=slider[0] && d.age<=slider[1] )","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"minQ = d3.min(df2, d=> d.q/10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"maxQ = d3.max(df2, d=> d.q/10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"#### => Les limites des aires sont les minimums et les maximums des quotients annuels de chaque décennie","pinned":false,"hidden":false,"mode":"md"},{"id":10,"value":"plot = Plot.plot({\nwidth : width,\nheight: width>500 ? 0.6*width: 350,\nmarginBottom: 70, \nmarginLeft: 70, \n\ny: {type: \"log\", domain: [minQ, maxQ], base: 10, ticks: 10, grid: true, \n tickFormat: d => d.toLocaleString(\"fr-FR\"), label: \"Quotients de mortalité\"},\nx: {domain: [slider[0],slider[1]], ticks:width>500 ? 10 : 5, label: \"Âge\", labelOffset: 50} , \ncolor: {legend: false, range: range2, domain: [\"40's\", \"50's\", \"60's\",\"70's\", \"80's\", \"90's\", \"2-00's\", \"2-10's\", \"2-20's\"]},\nfx: {label: null}, \n \nmarks: [\n\n Plot.line(df2, {filter: d=> d.age<=95, fx: \"sexe\" , x: \"age\", y:d=>d.q/10, z:\"annee\", stroke: \"#d1d1d1\", curve: \"catmull-rom\", strokeWidth:.3}),\n\n Plot.areaY(df2, {fx: \"sexe\", filter: d=> d.age<=95 && d.n==1 && checkbox.includes(d.dec) ,x: \"age\", y1: d=> d.minq/10, y2: d=> d.maxq/10, fill: \"dec\", fillOpacity: .9, curve: \"catmull-rom\", stroke: \"black\", strokeWidth:0.5, tip: true }) \n\n] \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"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":138,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"import {rangeSlider} from \"@mootari/range-slider\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":269,"value":"$31","pinned":false,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}