2a:null 2b:["$","title",null,{"children":"Taille des ménage en 2022 FR (25036) | Marc Thevenin | Observable"}] 30:Ta91,boxPlotFr = htl.html `

${viewof rWidth}

${viewof legende}

${plotFr}

Champ: France entière.

Source: Insee, RP2022 exploitation complémentaire.

`31:T4bb,plotFr = Plot.plot({ width: w, height: w>1000 ? 0.6*w : width>500 ? 0.7*w : 340, marginLeft: w>900 ? 60 : w>600 ? 50 : 30, marginBottom: w>900 ? 70 : width>600 ? 50 : 40, marginTop: w>900 ? 70 : width>600 ? 40 : 30, marginRight: w>900 ? 50 : width>600 ? 40 : 20, y: {label: "En milllions", labelArrow:false, grid:true, ticks:10, domain:[0,20]}, x: {label: null, axis:false, domain: ["Ménages","Habitants"] }, color: {legend:false,domain: domain,range: [pal100[3],pal100[0]]}, fx: {label:null}, fx: {label:null}, marks: [ Plot.axisFx({ anchor: "bottom", dy: w>=600 ? 5 : 0, label: "Nombre de personnes", }), Plot.barY(filterDf2, {filter: d=> legende.includes(d.type) ,fx:"taille", x:"type", y:d=>d.n/1000000, fill:"type", stroke: "#222330",sort: {x:"x", reverse:true},ry1:10, fillOpacity:1, channels: { taille: {value:"taille", label: "Personne(s):"}, type: {value: "type", label:""}, n: {value: d=> d.n/1000000,label:""} }, tip: {format:{x:false,fx:false,y:false,fill:false, type:true,taille:true, n: d=> `${d.toFixed(1).replace(".",",")} millions`}, strokeWidth:0} }), Plot.ruleY([0]) ] })32:T8fe, 33:T6d6,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; }; 34:[] 2e:{"id":"36256a15fb222873","slug":"taille-des-menage-en-2022-fr-25036","title":"Taille des ménage en 2022 FR (25036)","thumbnail":"5b621d3bf53d8f1704f6fc87d61ea486ae0fe376cfa31d2cb969356e82985db0","access_level":"public","create_time":"$D2026-06-18T09:26:33.566Z","update_time":"$D2026-09-30T09:35:37.047Z","view_time":null,"first_public_time":"$D2026-06-18T10:42:42.950Z","has_unpublished_edits":null,"fork":false,"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":262,"publish_version":262,"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"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"134547d2d002ff6c","slug":"taille-des-menages","title":"Taille des ménages","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Taille des ménage en 2022 FR (25036)","cells":[{"id":0,"value":"# Taille des ménage en 2022 FR (25036)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":61,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"pal100 = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#222330\", //black\n \"#d1d1d1\" //gris\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"data = d3.csv(\"https://raw.githubusercontent.com/mthevenin/tssp/refs/heads/main/fabstat/menages/menage_graph.csv\", d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"df = data.map(d=> ({\n\ntaille: d.tailleFr,\ntype: d.typeFr,\n n: d.n\n\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"domain= [\"Ménages\",\"Habitants\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"range = [pal100[3],pal100[0]]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"viewof legende = legIned(domain,range, {selectAll:false})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"filterDf=df.filter(d=> legende.includes(d.type))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"filterDf2= filterDf.length!=0 ? df.filter(d=> legende.includes(d.type)) : [{taille:1, n:0}, {taille:2, n:0}, {taille:3, n:0}, {taille:4, n:0}, {taille:5, n:0}, {taille: \"6 ou plus\", n:0}, ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"w = rWidth","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"### CSS ET INPUT","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":59,"value":"$32","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssInput","database":"$undefined"},{"id":86,"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":89,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"import {legIned, legend, cssLegend} from '@wsthevenin/mtinput'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"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"}],"files":"$W34","stdlib":"1"}} 2f:"$2e:body"