28:null 29:["$","title",null,{"children":"Age à la maternité et % naissances hors mariages - Graph (3700) | Marc Thevenin | Observable"}] 2e:T59a,plot1 = Plot.plot({ marginTop: rWidth>600 ? 60 : 30, marginLeft: rWidth>600 ? 40 : 30, marginBottom: rWidth>1200 ? 100 : rWidth>850 ? 80 : rWidth>500 ? 60 : 50, marginRight: rWidth>600 ? 10 : rWidth>500 ? 35 :0, width: rWidth, height: rWidth>900 ? .85*rWidth : rWidth>600 ? 0.6*rWidth : 350, y: {label: "Âges moyens", labelArrow:false, grid: true, tickFormat: d=>d.toFixed(0).toLocaleString("fr-FR"), ticks: 5, inset: 5, domain: [22,34]}, x: {grid: true, label: "Année", labelArrow:false, domain: [1946,2024], tickFormat:"d", ticks: width>600 ? 10 : 5, tickSize: width>600 ? 10 : 5}, color: {legend: false, domain: ["Âge moyen à la 1ère naissance", "Âge moyen au premier mariage"], range: [col[2], col[1]] }, marks: [ Plot.line(df, {filter: d=> d.annee>=1946, x: "annee", y: "ageM",stroke: "type", strokeWidth: strokeW, curve: "catmull-rom", channels: { annee: {value: "annee", label: ""}, type: {value: "type", label: ""}, ageM: {value: "ageM", label: ""} }, tip: {format: {x: false, y: false, stroke: false, z: false, annee: "d", type:true, ageM: d=> `${d.toLocaleString('fr-FR')} ans`}, strokeWidth:0}, }), ] })2f:T50c,plot2 = Plot.plot({ marginTop: rWidth>600 ? 60 : 30, marginLeft: rWidth>600 ? 40 : 30, marginBottom: rWidth>1200 ? 100 : rWidth>850 ? 80 : rWidth>500 ? 60 : 50, marginRight: rWidth>600 ? 10 : rWidth>500 ? 35 :0, width: rWidth, height: rWidth>900 ? .85*rWidth : rWidth>600 ? 0.6*rWidth : 350, y: {label: "% naissances hors mariages" , labelArrow: false, grid: true, tickFormat: d=>d.toFixed(0).toLocaleString("fr-FR"), ticks:5, inset:5, domain: [0,70], labelArrow: false}, x: {grid: true, label: "Année", labelArrow: false, domain: [1946,2024], tickFormat: "d", ticks: width>600 ? 10 : 5, tickSize: width>600 ? 10 : 5}, color: {legend: false, domain: ["% naissances hors mariage"], range: [col[0]] }, marks: [ Plot.line(df, {filter: d=> d.annee>=1946, x: "annee", y: "pHorsM", stroke: col[0], strokeWidth:strokeW, curve: "catmull-rom", channels: { annee: {value: "annee", label: ""}, pHorsM: {value: "pHorsM", label: ""} }, tip: {format: {x: false, y: false, annee: "d", pHorsM: d=> `${d.toLocaleString('fr-FR')} %`}, strokeWidth:0}, }), ] })30:T109b,boxPlot = htl.html `

${viewof rWidth}

${plot1} ${legend1} ${cssLegend}

${plot2} ${legend2}

Champ : France hexagonale.

Sources : Base de données Démographie de la France entière et métropolitaine, Revue Population – Annexes 4 et 7.

` 31:T594,plot1En = Plot.plot({ marginTop: rWidth>600 ? 60 : 30, marginLeft: rWidth>600 ? 40 : 30, marginBottom: rWidth>1200 ? 100 : rWidth>850 ? 80 : rWidth>500 ? 60 : 50, marginRight: rWidth>600 ? 10 : rWidth>500 ? 35 :0, width: rWidth, height: rWidth>900 ? .85*rWidth : rWidth>600 ? 0.6*rWidth : 350, y: {label: "Mean age", labelArrow:false, grid: true, tickFormat: d=>d.toFixed(0).toLocaleString("en-US"), ticks: 5, inset: 5, domain: [22,34]}, x: {grid: true, label: "Year", labelArrow:false, domain: [1946,2024], tickFormat:"d", ticks: width>600 ? 10 : 5, tickSize: width>600 ? 10 : 5}, color: {legend: false, domain: ["Mean age at first birth", "Mean age at first marriage"], range: [col[2], col[1]] }, marks: [ Plot.line(df, {filter: d=> d.annee>=1946, x: "annee", y: "ageM",stroke: "typeEn", strokeWidth: strokeW, curve: "catmull-rom", channels: { annee: {value: "annee", label: ""}, type: {value: "typeEn", label: ""}, ageM: {value: "ageM", label: ""} }, tip: {format: {x: false, y: false, stroke: false, z: false, annee: "d", type:true, ageM: d=> `${d.toLocaleString('en-US')} years old`}, strokeWidth:0}, }), ] })32:T508,plot2En = Plot.plot({ marginTop: rWidth>600 ? 60 : 30, marginLeft: rWidth>600 ? 40 : 30, marginBottom: rWidth>1200 ? 100 : rWidth>850 ? 80 : rWidth>500 ? 60 : 50, marginRight: rWidth>600 ? 10 : rWidth>500 ? 35 :0, width: rWidth, height: rWidth>900 ? .85*rWidth : rWidth>600 ? 0.6*rWidth : 350, y: {label: "% of births outside marriage" , labelArrow: false, grid: true, tickFormat: d=>d.toFixed(0).toLocaleString("en-US"), ticks:5, domain: [0,70], labelArrow: false}, x: {grid: true, label: "Year", labelArrow: false, domain: [1946,2024], tickFormat: "d", ticks: width>600 ? 10 : 5, tickSize: width>600 ? 10 : 5}, color: {legend: false, domain: ["% of births outside marriage"], range: [col[0]] }, marks: [ Plot.line(df, {filter: d=> d.annee>=1946, x: "annee", y: "pHorsM", stroke: col[0], strokeWidth:strokeW, curve: "catmull-rom", channels: { annee: {value: "annee", label: ""}, pHorsM: {value: "pHorsM", label: ""} }, tip: {format: {x: false, y: false, annee: "d", pHorsM: d=> `${d.toLocaleString('en-US')} %`}, strokeWidth:0}, }), ] })33:T1052,boxPlotEn = htl.html `

${viewof rWidth}

${plot1En} ${legend1En} ${cssLegend}

${plot2En} ${legend2}

Scope : Metropolitan France.

Sources : Database Demography of whole France and metropolitan France, Population journal – Appendices 4 and 7.

` 34:T91b,35:[{"id":"8790b7fa7cae8b72d36881af1e33c6ce0e49150e61894effd5970a928f6663687df55137b8540d3098affa55a606f3166105503346a2453911fa5ffc5e9cdafe","href":"https://static.observableusercontent.com/files/8790b7fa7cae8b72d36881af1e33c6ce0e49150e61894effd5970a928f6663687df55137b8540d3098affa55a606f3166105503346a2453911fa5ffc5e9cdafe","name":"graph.csv","type":"text/csv","lastModified":1787221909406.169,"size":16029}] 2c:{"id":"ef84ddc413e40aba","slug":null,"title":"Age à la maternité et % naissances hors mariages - Graph (3700)","thumbnail":"ccefbcdc99798f6638c59aa5512710ee5e03c7181afc82b8bbf1e77540ae2277","access_level":"public","create_time":"$D2026-04-10T06:14:55.418Z","update_time":"$D2026-08-24T11:49:34.593Z","view_time":null,"first_public_time":"$D2026-04-10T07:30:38.702Z","has_unpublished_edits":null,"fork":true,"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":1265,"publish_version":null,"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":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/6ae55bec6f9ba0bbe9597b60f19a08df8d2f5b06630eb6929919d0306a71b058","tier":"free_2026","role":"editor"},{"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":0,"collection":{"id":"9164ca8fec612bd2","slug":"parents-a-la-naissance","title":"Parents à la naissance","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Age à la maternité et % naissances hors mariages - Graph (3700)","cells":[{"id":0,"value":"# Age à la maternité et % naissances hors mariages - Graph (3700) ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":711,"value":"https://ined.dev2.propal.net/fr/node/3700","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":210,"value":"currentTime = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"yearCaption = currentTime.getFullYear()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"size = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"col = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#4f4f4f\", //gray\n \"#cc453f\", //red dark\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1253,"value":"df = FileAttachment(\"graph.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":453,"value":"## Graph FR","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"title1","database":"$undefined"},{"id":391,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1182,"value":"legend1 = legend( [\"1ère naissance\", \"1er mariage\"], [col[1], col[2]], {shape:\"line\", swatchWidth:40, selectAll:false, vertical:true, fontSize: \"clamp(10px,2cqw,13px)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1176,"value":"legend2 = legend([\"\",\"\"],[\"transparent\",\"transparent\"], {selectAll:false, vertical:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":416,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":967,"value":"### Graph EN","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":971,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":979,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1231,"value":"legend1En = legend( [\"First birth\", \"First marriage\"], [col[1], col[2]], {shape:\"line\", swatchWidth:40, selectAll:false, vertical:true, fontSize: \"clamp(10px,2cqw,13px)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":626,"value":"strokeW = rWidth>600 ? 7 : 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1158,"value":"$34","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssInput","database":"$undefined"},{"id":1168,"value":"import {legend, cssLegend, toggle, cssToggle} from \"@wsthevenin/mtinput\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1192,"value":"viewof rWidth = {\n const div = html`

`;\n const ro = new ResizeObserver(entries => {\n const w = entries[0].contentRect.width;\n if (w > 0 && w !== div.value) {\n div.value = w;\n div.dispatchEvent(new CustomEvent(\"input\"));\n }\n });\n ro.observe(div);\n div.value = div.getBoundingClientRect().width || 800;\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1171,"value":"cssLegend","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1"}} 2d:"$2c:body"