2f:T7ba,plot2 = Plot.plot({ width, height: width>700 ? 0.60*width : width>400 ? 400 : 350, marginTop: width>1000 ? 50 : width>500 ? 40 : 30, marginBottom: width>700 ? 90 : 50, marginRight: width>500 ? 60 : 20, marginLeft: width> 1000 ? 60 : width> 500 ? 40 : 30, x: {ticks: width> 500 ? [1,2,3,4,5,6,7,8,9,10] : [1,3,5,7,9], grid: true, label: "Groupes d'âge (années)", labelArrow:false, labelAnchor: "center", labelOffset: width>1000 ? 80 : width>700 ? 70 : width>500 ? 40 : 30 }, y: {domain: [0,90], label: "% de personnes vivant en couple", labelArrow: false, ticks: [0,10,20,30,40,50,60,70,80,90], grid: true}, color: {legend: false, domain: domain, range: range}, marks: [ Plot.frame(), Plot.line(df, {filter: d=> legend.includes(d.type),x: "ageNum", y: "n", stroke:"type", strokeWidth: width>700 ? 10 : width>500 ? 5 : 2, channels: { type: {value: "type", label:""}, age: {value: "age", label: ""}, n: {value: "n", label:""} }, tip: {format: {x: false, y: false, z: false, stroke: false, type: true, age: true, n: d=> `${d.toFixed(1).replace(".",",")}%`}} }), Plot.text(["15-19"], {x: 1, y:-1.8, lineAnchor: "top",}), Plot.text([width>700 ? "20-24" : ""], {x: 2, y:-1.8, lineAnchor: "top"}), Plot.text(["25-29"], {x: 3, y:-1.8, lineAnchor: "top"}), Plot.text([width>700 ? "30-34" : ""], {x: 4, y:-1.8, lineAnchor: "top"}), Plot.text(["35-39"], {x: 5, y:-1.8, lineAnchor: "top"}), Plot.text([width>700 ? "40-44" : ""], {x: 6, y:-1.8, lineAnchor: "top"}), Plot.text(["45-49"], {x: 7, y:-1.8, lineAnchor: "top"}), Plot.text([width>700 ? "50-54" : ""], {x: 8, y:-1.8, lineAnchor: "top"}), Plot.text(["55-60"], {x: 9, y:-1.8, lineAnchor: "top"}), Plot.text([width>700 ? "59-65" : ""], {x: 10, y:-1.8, lineAnchor: "top"}), //Plot.text(["% de personnes vivant en couple"]) ] })30:T10df,boxPlotGraph = htl.html `

${viewof legend}
${plot2}

Champ: France entière.

Définition: La notion d’unité urbaine repose sur la continuité du bâti et le nombre d’habitants. Les unités urbaines sont construites en France métropolitaine et dans les DOM d’après la définition suivante : une commune ou un ensemble de communes présentant une zone de bâti continu (pas de coupure de plus de 200 mètres entre deux constructions) qui compte au moins 2 000 habitants (définition Insee). Les communes qui n’appartiennent pas à une unité urbaine sont dites communes rurales.

Source: Insee, recensement 2022.

`31:T6bb,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; }; 32:T7a1, 33:[{"id":"c89c182b5f1c94978d91b293f5485ac9a2e4c8a882cf968aac58fb50c9bcc04abf91b380bf3acb42e520702855fcd46c7ebde221325fb420f47276bcc6bef1a5","href":"https://static.observableusercontent.com/files/c89c182b5f1c94978d91b293f5485ac9a2e4c8a882cf968aac58fb50c9bcc04abf91b380bf3acb42e520702855fcd46c7ebde221325fb420f47276bcc6bef1a5","name":"df.csv","type":"text/csv","lastModified":1771397284890.038,"size":2711}] 2d:{"title":"Nuptialité FR (24020)","cells":[{"id":0,"value":"# Nuptialité FR (24020)","pinned":false,"hidden":false,"mode":"md"},{"id":7,"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"},{"id":194,"value":"domain = [...new Set(df.map(d=>(d.type)))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"range = [pal100[5],pal100[3], \"#ffe8bd\",\"#acc4ff\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof legend = filterLegend(domain,range)","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"df = FileAttachment(\"df.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"#### Figure 4 : Part (en %) de personnes vivant en couple en 2022 selon l'âge et le sexe\n","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"### Fonctions & CSS","pinned":false,"hidden":false,"mode":"md"},{"id":17,"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":19,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"$32","pinned":false,"hidden":false,"mode":"html"}],"files":"$W33","stdlib":"1","titling":"auto"}