28:null 29:["$","title",null,{"children":"Graph (3699) | Marc Thevenin | Observable"}] 2e:Ta78,plot = Plot.plot({ width: rWidth, width: rWidth, height: rWidth>900 ? 0.60*rWidth : rWidth>600 ? 0.7*rWidth : 350, marginTop: rWidth >900 ? 40 : 30, marginLeft: rWidth>900 ? 55 : rWidth>600 ? 45: 35, marginRight: rWidth>600 ? 30 : 20, marginBottom: width>900 ? 50 : rWidth> 600 ? 40 : 35, color: {legend: false, domain: ["Indicateur conjoncturel de fécondité", "Descendance finale", "Descendance finale projetée" ], range: [pal100[0],pal100[2], "#bd94dc"]}, x: {tickFormat: "d", ticks: rWidth>600 ? 10 : rWidth>400 ? 4 : 3, tickSize: width>600 ? 10 : 5, label: null, domain: [1900,2025], label: "Année", labelArrow: false , labelAnchor: "center", grid: true}, y: {tickFormat: d=> d.toLocaleString("fr-FR"), inset:0, domain: [101,320], grid: true, ticks: width>500 ? 10 : 5, label: width>500 ? "Nombre moyen d'enfants (pour 100 femmes)" : "Nombre moyen d'enfants\n(pour 100 femmes)" , labelArrow: false}, marks: [ Plot.frame({strokeWidth:.5, stroke: "black"}), Plot.line(datab, { x: "annee", y: "n", stroke:"indic", strokeWidth: rWidth>600 ? 4 : 2.5, curve: "catmull-rom", channels: { annee: {value: "annee", label: "Année : "}, generation: {value: "generation", label: "Génération:"}, indic: {value: "indic", label: ""}, nombre: {value: "nTip", label: ""}, provisoire: {value:"donnees", label:""}, projection: {value: "projection", label:""} }, tip: {format: {indic: true, x: false, y: false, stroke: false, z: false, projection: true, annee: "d", generation: "d", provisoire: true, nombre: d=> `${d.toFixed(0).replace(".",",")} enfants` }, stroke: "black", strokeWidth: 0} }), Plot.arrow([1], {x1: 1924, x2: 1924, y1:160, y2:198, strokeWidth:1}), Plot.text(["Génération\n1896"], {x: 1924, y:150, className: "gene", textAnchor:"start"}), Plot.arrow([1], {x1: 1957, x2: 1957, y1:180, y2:260, strokeWidth:1}), Plot.text(["Génération\n1929"], {x: 1957, y:170, className: "gene"}), Plot.arrow([1], {x1: 1998, x2: 1998, y1:260, y2:202, strokeWidth:1}), Plot.text(["Génération\n1970"], {x: 1998, y:270, className: "gene"}), Plot.line(datab, {filter: d=> d.generation>1984 && d.indic==="Descendance finale" , x: "annee", y: "n", stroke: "white", strokeWidth: rWidth>600 ? 5 : 3,}), Plot.line(datab, {filter: d=> d.generation>1984 && d.indic==="Descendance finale" , x: "annee", y: "n", stroke: "#bd94dc", strokeWidth: rWidth>600 ? 4 : 2.5, strokeDasharray: [7,7]}) ] })2f:Tdd4,boxPlot = htl.html `

${viewof rWidth}

${viewof legendFR} ${cssLegend}

${plot}

Champ : France hexagonale.

Sources :

Indicateur conjoncturel (définitif) de fécondité et descendance finale des générations jusqu'à celle de 1984: annexe de "L’évolution démographique récente de la France 2025", Conjoncture démographique, Ined [Lien] :
- Indicateur conjoncturel de fécondité : annexe 4, col H.
- Descendance finale: annexe 5, col F.
Descendance finale des générations 1875 et 1880 : P.Festy, La fécondité dans les pays occidentaux, cahiers de l'Ined, n°85,1979, tableau 6, page 60.
Résultats provisoires de l'indicateur conjoncturel de fécondité: Insee, recensements et estimations de population, statistiques et estimations d'état civil.
Descendance finale projetée des générations 1985-1995 calculée à partir du scenario central de l'Insee: Bouchet-Valat M., Toulemon L., 2025, "Les Français·es veulent moins d’enfants", Population & Sociétés, n° 635.

`30:Ta26,plotEn = Plot.plot({ width: rWidth, height: rWidth>900 ? 0.60*rWidth : rWidth>600 ? 0.7*rWidth : 350, marginTop: rWidth >900 ? 40 : 30, marginLeft: rWidth>900 ? 55 : rWidth>600 ? 45: 35, marginRight: rWidth>600 ? 30 : 20, marginBottom: width>900 ? 50 : rWidth> 600 ? 40 : 35, color: {legend: false, domain: ["Total fertility rate", "Completed fertility", "Completed fertility projected" ], range: [pal100[0],pal100[2], "#bd94dc"]}, x: {tickFormat: "d", ticks: rWidth>600 ? 10 : 6, tickSize: width>600 ? 10 : 5, label: "Year", labelArrow: false , labelAnchor:"center", domain: [1900,2024], grid: true}, y: {tickFormat: d=> d.toLocaleString("fr-FR"), inset:0, domain: [101,320], grid: true, ticks: width>500 ? 10 : 5, label: width>500 ? "Average number of children (per 100 women)" : "Average number of children\n(per 100 women)" , labelArrow: false}, marks: [ Plot.frame({strokeWidth:.5, stroke: "black"}), Plot.line(databEn, { x: "annee", y: "n", stroke:"indic", strokeWidth: rWidth>600 ? 4 : 2.5, inset: 5, curve: "catmull-rom", channels: { annee: {value: "annee", label: "Year : "}, generation: {value: "generation", label: "Generation:"}, indic: {value: "indic", label: ""}, nombre: {value: "nTip", label: ""}, provisoire: {value: "donneesEn", label:""}, projection: {value: "projection", label:""} }, tip: {format: {indic: true, x: false, y: false, stroke: false, z: false, projection: true, annee: "d", generation: "d", provisoire: true, nombre: d=> `${d.toFixed(0).replace(".",",")} children` }, stroke: "black", strokeWidth: 0} }), Plot.arrow([1], {x1: 1924, x2: 1924, y1:160, y2:198, strokeWidth:1}), Plot.text(["1896s\ngeneration"], {x: 1924, y:150, className: "gene", textAnchor:"start"}), Plot.arrow([1], {x1: 1957, x2: 1957, y1:180, y2:260, strokeWidth:1}), Plot.text(["1929s\ngeneration"], {x: 1957, y:170, className: "gene"}), Plot.arrow([1], {x1: 1998, x2: 1998, y1:260, y2:202, strokeWidth:1}), Plot.text(["1970s\ngeneration"], {x: 1998, y:270, className: "gene"}), Plot.line(datab, {filter: d=> d.generation>1984 && d.indic==="Descendance finale" , x: "annee", y: "n", stroke: "white", strokeWidth: rWidth>600 ? 5 : 3,}), Plot.line(datab, {filter: d=> d.generation>1984 && d.indic==="Descendance finale" , x: "annee", y: "n", stroke: "#bd94dc", strokeWidth: rWidth>600 ? 4 : 2.5, strokeDasharray: [4,7]}) ] })31:Td76,boxPlotEn = htl.html `

${viewof rWidth}

${viewof legendEn} ${cssLegend}

${plotEn}

Scope: Metropolitan France.

Sources:

Total fertility rate and Completed fertility size up to the 1984 cohort: appendix to “Recent Demographic Trends in France 2025,” Demographic Trends, INED [Lien] :
- Total fertility rate: Appendix 4, Column H.
- Completed fertility: Appendix 5, column F.
Completed fertility for the 1875 and 1880 cohorts : P.Festy, La fécondité dans les pays occidentaux, cahiers de l'Ined, n°85,1979, table 6, page 60.
Provisional results of the total fertility rate: INSEE, censuses and population estimates, statistics and vital statistics estimates.
Projected completed fertility for the 1985–1995 cohorts calculated based on INSEE’s central scenario: Bouchet-Valat M., Toulemon L., 2025, “People in France want fewer children,” Population & Societies, No. 635.

`32:T9a5,33:[{"id":"ffb220bdc37947312671a009f1028cf04a2f116f10b44e64c6d918d5a0c3c06aec67e0365f9ade43f19895030ac8b4314a9ce551978ba987e26b81cd2c904493","href":"https://static.observableusercontent.com/files/ffb220bdc37947312671a009f1028cf04a2f116f10b44e64c6d918d5a0c3c06aec67e0365f9ade43f19895030ac8b4314a9ce551978ba987e26b81cd2c904493","name":"graph.csv","type":"text/csv","lastModified":1786983671410.783,"size":4532}] 2c:{"id":"dee2ce94a49a6cea","slug":null,"title":"Graph (3699)","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2025-07-16T15:18:56.515Z","update_time":"$D2026-09-18T20:58:39.869Z","view_time":null,"first_public_time":"$D2025-07-24T09:08:25.353Z","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":950,"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":"fce1a7f0930f6035","slug":"indicateurs-de-fecondite","title":"Indicateurs de fécondité","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"Graph (3699)","cells":[{"id":0,"value":"# Graph (3699)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"currentTime = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"yearCaption = currentTime.getFullYear() ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"pal100 = [\n \"#ff564e\", //rouge 0\n \"#ff7aad\", //rose 1\n \"#522673\", //mauve 2 \n \"#0042eb\", //bleu 3\n \"#5cd49e\", //vert 4 \n \"#ffb322\", //jaune 5\n \"#4f4f4f\", //gray 6\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"// data = d3.csv(\"https://raw.githubusercontent.com/mthevenin/tssp/refs/heads/main/Fecondite_naissance/fecondite_evolution_modes_calcul/graph.csv\", d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"data = FileAttachment(\"graph.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"datab = data.flatMap(d => [\n { annee: d.annee, indic: \"Indicateur conjoncturel de fécondité\", n: d.icf, nTip: d.icf, donnees: d.donnees, },\n { annee: d.annee, indic: \"Descendance finale\", n: d.descendance, nTip: d.descendanceTip, generation: d.generation, projection: d.projection },\n //{ annee: d.annee, generation: d.generation }, \n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"databEn = data.flatMap(d => [\n { annee: d.annee, indic: \"Total fertility rate\", n: d.icf, nTip: d.icf, donneesEn: d.donneesEn },\n { annee: d.annee, indic: \"Completed fertility\", n: d.descendance, nTip: d.nTip, generation: d.generation, projection: d.projection },\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"### Graphique FR","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":141,"value":"##### Evolution de la fécondité depuis 1901","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"title","database":"$undefined"},{"id":840,"value":"viewof legendFR = legend( [\"Indicateur conjoncturel de fécondité\", \"Descendance finale\", \"Descendance finale projetée\" ], [pal100[0],pal100[2], \"#bd94dc\"], {shape:\"line\", swatchWidth:50, vertical: true, dashArray: [\"\",\"\",\"5,5\"], interactive:false, fontSize:\"clamp(10px,2cqw,15px)\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":583,"value":"### Graphique EN","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":898,"value":"viewof legendEn = legend( [\"Total fertility rate\", \"Completed fertility\", \"Completed fertility projected\" ], [pal100[0],pal100[2], \"#bd94dc\"], {shape:\"line\", swatchWidth:50, vertical: true, dashArray: [\"\",\"\",\"5,5\"], interactive:false, fontSize:\"clamp(10px,2cqw,17px)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":826,"value":"### Fontion et css","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"$32","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"cssGraph","database":"$undefined"},{"id":146,"value":"import {legend, cssLegend} from '@wsthevenin/mtinput'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":838,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 2d:"$2c:body"