28:null 29:["$","title",null,{"children":"heatmap quotients mortalité depuis 1945 | Marc Thevenin | Observable"}] 2e:T694, plot = addAnimation(Plot.plot({ height: rWidth>500 ? .6*rWidth : 350, width: rWidth, marginBottom: 40, marginLeft: 70, marginTop: 60, x: {reverse: false, ticks: [0,10,20,30,40,50,60,70,80,90], grid: true, label: "Âge"}, y: {reverse: true, ticks: width>500 ? [1946, 1955,1965,1975,1985,1995,2005,2015,2024] : [1946,1966,1986,2006,2024], tickFormat: "d", label: "Années", }, fx: {label: null}, color: {legend: true, label: null, interpolate: cubehelixDefault, type: "symlog", tickFormat: "d", ticks: [0,10,50, 200,1000,6000], domain: [0,6000], width: 320, reverse: true}, caption: "Les valeurs du quotient de mortalité sont représentées sur une échelle log-symétrique", marks: [ Plot.cell(df4b, {fx: "sexe", filter: (d) => d.q !== null && leg.includes(d.qCat), y: "annee", x: "age", fill: (d) => (null !== d.q ? d.q/10 : -100), fillOpacity: 0, strokeWidth: 0, insetLeft: -2, insetRight: -2, insetBottom: -2, channels: { annee: {value: "annee", label: ""}, age: {value: "age", label: ""}, gen: {value: "gen", label: ""}, q: {value: d=> d.q/10 , label: ""} }, tip: {format: {fx: false,x: false,y: false, fill: false, stroke: false, z: false, annee: "d", age: d=> `${d} ans`, gen: d=> `Nés en ${d}`, q: d=> `${d.toLocaleString()} décès pour 10 000`}, fillOpacity:0.50} }), ] }), { type: "rect", delay: 0.1, replay} )2f:T609,boxPlot = htl.html `

Quotients de mortalité selon le sexe de 1946 à 2024

${viewof leg} ${viewof slider} ${viewof slider2} ${plot}

`30:Td90,31:T6d4,function interval(range = [], options = {}) { const [min = 0, max = 1] = range; const { step = .001, label = null, value = [min, max], format = ([start, end]) => `${start} … ${end}`, color, width = 360, theme, __ns__ = randomScope(), } = options; const css = ` #${__ns__} { /*font: 13px/1.2 var(--sans-serif);*/ font-size: clamp(12px, 2cqw, 15px); font-family: poppins, sans-serif; display: flex; align-items: baseline; flex-wrap: wrap; max-width: 100%; width: auto; } @media only screen and (min-width: 30em) { #${__ns__} { flex-wrap: nowrap; width: ${cssLength(width)}; } } #${__ns__} .label { width: 120px; padding: 5px 0 4px 0; margin-right: 6.5px; flex-shrink: 0; } #${__ns__} .form { display: flex; width: 100%; } #${__ns__} .range { flex-shrink: 1; width: 100%; } #${__ns__} .range-slider { width: 100%; } `; const $range = rangeInput({min, max, value: [value[0], value[1]], step, color, width: "100%", theme}); const $output = html``; const $view = html`

${label == null ? '' : html`

${label}`}

${$range}

${$output}

${html`","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":137,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"filterLegend = (domain, range) => {\n const value = new Map(domain.map(d => [d, true]));\n const _set = () => set(node, [...value].filter(d => d[1]).map(d => d[0]));\n const oninput = e => (value.set(e.target.id, e.target.checked), _set());\n const node = htl.html`

\n ${domain.map((d, i) => htl.html`

\n \n ${d}\n

`)}\n

`;\n _set();\n return node;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"$30","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":424,"value":"import {rangeInput} from '@mootari/range-slider'\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":418,"value":"function randomScope(prefix = 'scope-') {\n return prefix + (performance.now() + Math.random()).toString(32).replace('.', '-');\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"cssLength = v => v == null ? null : typeof v === 'number' ? `${v}px` : `${v}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":448,"value":"import {viewof rWidth} from '@mthevenin/ro'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"import {legIned} from '@mthevenin/mtinput'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"cubehelixDefault = t => {\n const h = (300 - 540 * t + 120) * Math.PI / 180; // teinte, en radians\n const l = t; // luminosité\n const a = 0.5 * l * (1 - l); // amplitude (saturation 0,5)\n const cos = Math.cos(h), sin = Math.sin(h);\n const clamp = x => Math.max(0, Math.min(255, Math.round(255 * x)));\n return `rgb(${clamp(l + a * (-0.14861 * cos + 1.78277 * sin))}, ${clamp(l + a * (-0.29227 * cos - 0.90649 * sin))}, ${clamp(l + a * (1.97294 * cos))})`;\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"