2f:T531,plot1 = { const p = Plot.plot({ width: rWidth, height: rWidth>1000 ? 0.55*rWidth : width>500 ? 0.65*rWidth : 350 , marginLeft: rWidth>900 ? 40 : rWidth>600 ? 40 : 30, // on va pouvoir simplifier marginBottom: rWidth>900 ? 80 : rWidth>600 ? 60 : 40, marginTop: rWidth>900 ? 50 : rWidth>600 ? 40 : 30, marginRight: rWidth>900 ? 30 : rWidth>600 ? 10 : 10, // on va pourvoir simplifier y:{domain:[0,100], ticks: width>600 ? 10 : 5, grid:true, label: "Femmes (en %)", labelArrow:false}, x: {label: "Âge au moment de l'enquête", labelArrow:false, tickPadding:width>600 ? 10 : 5}, color: {legend:false, domain:domain1, range: range1}, marks: [ Plot.barY(filter1, {x:"age", y:"n", fill:"type", stroke:"black", strokeWidth:.5, order: d3.reverse(domain1), channels: { age: {value:"age", label:""}, type: {value:"type", label:""}, n: {value:"n",label:""} }, tip: {format:{x:false,y:false,fill:false, age: true, age: d=> `${d} ans`, type : d=> `${d}`, n: d=> `${d.toFixed(1).replace(".",",")}%`, }, strokeWidth:0, anchor:'top'} }), ] }); p.style.overflow = "visible"; return p; } 30:Tb41,boxPlotGraph1 = htl.html `

${title1}

${viewof legend1} ${cssLegend}

${plot1} ${viewof rWidth}

M C Compans, H. Malmanche, H. Väisänen, Population et Sociétés, 646, juillet-août 2026, Ined.

Lecture : Parmi les femmes de 20-29 ans au moment de l’enquête, 68 % n’ont jamais été enceintes. En raison des arrondis, les totaux de chaque barre ne sont pas toujours égaux à 100 %.

Source : Enquête FECOND (2009-2011).

`31:T535,plot2 = Plot.plot({ width: rWidth, height: rWidth>1000 ? 0.55*rWidth : rWidth>500 ? 0.65*rWidth : 350 , marginLeft: rWidth>900 ? 40 : rWidth>600 ? 40 : 30, marginBottom: rWidth>900 ? 110 : rWidth>600 ? 90 : 60, marginTop: rWidth>900 ? 50 : rWidth>600 ? 40 : 30, marginRight: rWidth>900 ? 30 : rWidth>600 ? 10 : 10, x: {axis:false, domain: domain2F }, y: {domain:[0,80], grid: true, label: "%", labelArrow:false, ticks:10}, fx: {anchor:"bottom", domain: ["Naissance vivante", "Fausse couche", "IVG", "Grossesse extra-utérine", "Autres"]}, color: {legend: false, domain: domain2, range: range2 }, marks: [ Plot.axisFx({ anchor: "bottom", dy: width>=600 ? 5 : 0, label: "Issues de la grossesse", lineWidth:5}), Plot.barY(filter2, {fx:"type", x:"data", y:"n", fill:"data", stroke: "black", strokeWidth:0.5, channels: { data: {value: "data", label:""}, type: {value: "type", label:""}, n: {value: "n", label: ""} }, tip: {format:{x:false, y: false, fx:false, fill: false, data: true, type: true, n: d=> `${d.toFixed(1).replace(".",",")}%`}, strokeWidth:0} }), Plot.ruleY([0]) ] })32:Td10,boxPlotGraph2 = htl.html `

${title2} ${viewof legend2} ${cssLegend} ${plot2} ${viewof rWidth}

M C Compans, H. Malmanche, H. Väisänen, Population et Sociétés, 646, juillet-août 2026, Ined.

Lecture : Parmi les grossesses déclarées dans l’enquête Fecond, 73 % se terminent par une naissance vivante.

Note : Une seule issue par grossesse est enregistrée. La catégorie « autres » comprend les interruptions médicales de grossesse (IMG), les grossesses môlaires (œuf anormal avec dégénérescence proliférative du placenta) et les mortinaissances.

Champ: Toutes les grossesses de femmes de 15-49 ans.

Sources : Enquête FECOND (2009-2011) et données administratives du SNDS (2013-2023).

`33:T460,plot3 = Plot.plot({ width: rWidth, height: rWidth>1000 ? 0.55*rWidth : rWidth>500 ? 0.65*rWidth : 350 , marginLeft: rWidth>900 ? 40 : rWidth>600 ? 40 : 30, marginBottom: rWidth>900 ? 80 : rWidth>600 ? 60 : 40, marginTop: rWidth>900 ? 50 : rWidth>600 ? 40 : 30, marginRight: rWidth>900 ? 50 : rWidth>600 ? 30 : 10, x:{label: "Âge au début de la grossesse", labelArrow:false, ticks: width> 600 ? [15,20,25,30,35,40,45,49] : [15,25,35,45], tickSize: 5}, y: {label:"Pourcentage de fausses couches", labelArrow:false, grid:true, ticks: width>600 ? 10 : 7, tickSize: 5, domain:[0,45]}, marks: [ Plot.line(df3, {x:"age",y:"n", stroke: pal100[0], strokeWidth: width>1200 ? 8 : width>600 ? 5 : 3, curve:'catmull-rom', channels: { age: {value: "age", label:""}, n: {value: "n", label:""} }, tip: {format: {x:false,y:false, age: d=> `${d} ans`, n: d=> `${d.toFixed(1).replace(".",",")}%` }, strokeWidth:0}}) ] })34:Tb8c,boxPlotGraph3 = htl.html `

${title3} ${plot3} ${viewof rWidth}

M C Compans, H. Malmanche, H. Väisänen, Population et Sociétés, 646, juillet-août 2026, Ined.

Lecture : Près de 15 % des grossesses chez les femmes enceintes à l’âge de 15 ans se terminent par une fausse couche, par opposition à une autre issue de la grossesse (naissance vivante, avortement, grossesse extra-utérine, mortinaissance, interruption médicale de grossesse ou autre arrêt de la grossesse).

Source : Système national des données de santé (SNDS), 2013-2023.

`35:T848,plot4a = Plot.plot({ width: rWidth, height: rWidth>1000 ? 1*rWidth : rWidth>500 ? 1.2*rWidth : 500 , marginLeft: rWidth>1000 ? 70 : rWidth>600 ? 50 : 30, marginBottom: rWidth>1000 ? 150 : rWidth>600 ? 130 : 90, marginTop: rWidth>1000 ? 80 : rWidth>600 ? 70 : 40, marginRight: rWidth>1000 ? 50 : rWidth>600 ? 30 : 10, x: {axis:false, domain: domain4.filter(d => legend4.includes(d))}, y: {domain:[0,18], grid: true, label: rWidth>600 ? "Pourcentage de fausses couches" : "% de fausses couches", labelArrow:false, ticks:10}, fx: {anchor:"bottom"}, color: {legend: false, domain: domain4, range: range4}, // subtitle: "Difficultés financières au début de la grossesse", marks: [ Plot.axisFx({ anchor: "bottom", dy: width>=600 ? 10 : 5, label: "", lineWidth:5}), Plot.barY(filter4a, {filter: d=> d.estim==="b", fx:"cat", x:"ajust", y:"n", fill:"ajust", stroke: "black", strokeWidth:0.5,}), Plot.ruleX(filter4a, {filter: d=> d.estim!="b", fx:"cat", x: "ajust", y1: "lb", y2:"ub", strokeWidth: rWidth>600 ? 2 : 1, order: domain4}), Plot.dot(filter4a, {filter: d=> d.estim==="b", fx:"cat", x: "ajust", y:"n", stroke: "transparent", channels: { var: {value: "var", label:""}, ajust: {value: "ajust", label:""}, cat: {value: "cat", label:""}, n: {value: "n", label: ""} }, tip: {format:{x:false, y: false, fx:false, fill: false, ajust: true, var: false, cat: true, n: d=> `${d.toFixed(1).replace(".",",")}%`}, strokeWidth:0, anchor:"top-left"} }), Plot.ruleY([0]) , Plot.text(filter4a, { filter: d => d.estim != "b", fx: "cat", x: "ajust", y: "lb", text: d => "─", dy: 0, textAnchor: "middle", fontSize: width > 600 ? 14 : 12 }), Plot.text(filter4a, { filter: d => d.estim != "b", fx: "cat", x: "ajust", y: "ub", text: d => "─", // text: d => "──", dy: 0, textAnchor: "middle", fontSize: width > 600 ? 18 : 14 }) ] })36:T863,plot4b = Plot.plot({ width: rWidth, height: rWidth>1000 ? 1*rWidth : rWidth>500 ? 1.2*rWidth : 500 , marginLeft: rWidth>1000 ? 70 : rWidth>500 ? 50 : 30, marginBottom: rWidth>1000 ? 150 : rWidth>500 ? 130 : 90, marginTop: rWidth>1000 ? 80 : rWidth>500 ? 70 : 40, marginRight: rWidth>1000 ? 60 : rWidth>500 ? 40 : 20, x: {axis:false, domain: domain4.filter(d => legend4.includes(d))}, y: {domain:[0,18], grid: true, label: "Pourcentage de fausses couches", labelArrow:false, ticks:10, anchor: "right"}, fx: {anchor:"bottom", margin:10}, color: {legend: false, domain: domain4, range: range4}, // subtitle: `Niveau d'études`, marks: [ Plot.axisY({ anchor: "right", domain:[0,18], grid: true, label: null, labelArrow:false, ticks:9, }), Plot.axisFx({ anchor: "bottom", dy: width>=600 ? 10 : 5, label: "", lineWidth:5}), Plot.barY(filter4b, {filter: d=> d.estim==="b", fx:"cat", x:"ajust", y:"n", fill:"ajust", stroke: "black", strokeWidth:0.5,}), Plot.ruleX(filter4b, {filter: d=> d.estim!="b", fx:"cat", x: "ajust", y1: "lb", y2:"ub", strokeWidth: rWidth>600 ? 2 : 1, order: domain4}), Plot.dot(filter4b, {filter: d=> d.estim==="b", fx:"cat", x: "ajust", y:"n", stroke: "transparent", channels: { var: {value: "var", label:""}, ajust: {value: "ajust", label:""}, cat: {value: "cat", label:""}, n: {value: "n", label: ""} }, tip: {format:{x:false, y: false, fx:false, fill: false, ajust: true, var: false, cat: true, n: d=> `${d.toFixed(1).replace(".",",")}%`}, strokeWidth:0} }), Plot.ruleY([0]) , Plot.text(filter4b, { filter: d => d.estim != "b", fx: "cat", x: "ajust", y: "lb", text: d => "─", dy: 0, textAnchor: "middle", fontSize: rWidth > 600 ? 14 : 10 }), Plot.text(filter4b, { filter: d => d.estim != "b", fx: "cat", x: "ajust", y: "ub", text: d => "─", dy: 0, textAnchor: "middle", fontSize: rWidth > 600 ? 14 : 10 }) ] })37:T1288,boxPlotGraph4b = htl.html `

${title4}

${viewof legend4} ${cssLegend}

${viewof rWidth}

${plot4a}

${plot4b}

Niveau d'études

Difficultés financières au début de la grossesse

M C Compans, H. Malmanche, H. Väisänen, Population et Sociétés, 646, juillet-août 2026, Ined.

Lecture : Parmi les femmes ayant un niveau d’études primaire ou secondaire, 13,5 % connaissent une fausse couche. À âge donné, le pourcentage pour cette même catégorie est 13,3 %. Les barres représentent les intervalles de confiance à 95 %.

Champ : Toutes les grossesses issues de femmes de 15-49 ans.

Source : Enquête FECOND (2009-2011).

`38:[{"id":"5cdeba1cdbf25e189bf93d604c3d90027ee787a07cfcfeb2e75fc771082a415d3f0e67c4107a1bc25c8d862bfa2e3eedb6552c2754196f6630cbd75d91a3cd67","href":"https://static.observableusercontent.com/files/5cdeba1cdbf25e189bf93d604c3d90027ee787a07cfcfeb2e75fc771082a415d3f0e67c4107a1bc25c8d862bfa2e3eedb6552c2754196f6630cbd75d91a3cd67","name":"n646_1@1.csv","type":"text/csv","lastModified":1786527184006.37,"size":633},{"id":"aa17c446b0c0354a9ad97e531c73764ff79145d5aa0e27172fb80ab1d13303bf0beb8e737c055dfcc6801431fb5aea14e9f01d7aeed2fee818001c69844d0106","href":"https://static.observableusercontent.com/files/aa17c446b0c0354a9ad97e531c73764ff79145d5aa0e27172fb80ab1d13303bf0beb8e737c055dfcc6801431fb5aea14e9f01d7aeed2fee818001c69844d0106","name":"n646_2@1.csv","type":"text/csv","lastModified":1786527184006.37,"size":344},{"id":"5eebdd163bcda7eb89556efb142bad0235e070f910e2cee5fe27db432f3475c3860d56c6f6b2c1833af46e4827763cd82a9d3326e13110d18ab130d8ab9ac9e7","href":"https://static.observableusercontent.com/files/5eebdd163bcda7eb89556efb142bad0235e070f910e2cee5fe27db432f3475c3860d56c6f6b2c1833af46e4827763cd82a9d3326e13110d18ab130d8ab9ac9e7","name":"n646_3.csv","type":"text/csv","lastModified":1786527184006.37,"size":342},{"id":"005e3d579b5af0a8bcc671d86ba83710048167ac25c52c08e1e729b31b903c49e3e7228334fcca80581f14bd150e86c44b1dff6bfb0daaee9bc541721ade90ca","href":"https://static.observableusercontent.com/files/005e3d579b5af0a8bcc671d86ba83710048167ac25c52c08e1e729b31b903c49e3e7228334fcca80581f14bd150e86c44b1dff6bfb0daaee9bc541721ade90ca","name":"n646_4@3.csv","type":"text/csv","lastModified":1786527184006.37,"size":2354}] 2d:{"title":"n646 FR","cells":[{"id":0,"value":"# n646 FR","pinned":false,"hidden":false,"mode":"md"},{"id":29,"value":"pal100 = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#222330\", //black\n \"#a1a1a1\" //gris\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"## Graphique 1","pinned":false,"hidden":false,"mode":"md"},{"id":13,"value":"data1 = FileAttachment(\"n646_1@1.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":834,"value":"df1 = data1.map(d=>({\nage: d.ageFr,\ntype: d.typeFR,\nn: d.n, \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"domain1X = [...new Set(df1.map(d=>d.type))] ","pinned":false,"hidden":false,"mode":"ojs"},{"id":807,"value":"domain1= d3.reverse(domain1X)","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"range1 = [pal100[5], \"#a1a1a1\", pal100[0], \"#ffcfcd\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"title1 = html`

Figure 1. Répartition des femmes selon l’expérience de fausse couche, par tranche d’âges

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":712,"value":"viewof legend1 = legend(domain1,range1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":721,"value":"filter1 = df1.filter(d=> legend1.includes(d.type))","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"## Graphique 2","pinned":false,"hidden":false,"mode":"md"},{"id":162,"value":"data2 = FileAttachment(\"n646_2@1.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":852,"value":"df2 = data2.map(d=>({\ntype: d.typeFr,\ndata: d.data.replace(\"FECOND\",\"Enquête FECOND\").replace(\"SNDS\",\"Données administratives (SNDS)\"), \nn: d.n, \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"title2 = html`

Figure 2. Répartition des grossesses selon leur issue

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"domain2 = [...new Set(df2.map(d=>d.data)) ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"range2 = [pal100[0], pal100[5]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":751,"value":"viewof legend2 = legend(domain2,range2, {selectAll:false})","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"filter2 = df2.filter(d=> legend2.includes(d.data))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1160,"value":"=> explication du domain2F=> j'utilise order dans x, donc il faut penser à refaire un domain filtré, et donc ne pas utiliser celui qui permet de générer la légende","pinned":false,"hidden":false,"mode":"md"},{"id":1157,"value":"domain2F = [...new Set(filter2.map(d=>d.data)) ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"## Graphique 3","pinned":false,"hidden":false,"mode":"md"},{"id":117,"value":"df3 = FileAttachment(\"n646_3.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"title3 = html`

Figure 3. Pourcentage de grossesses se terminant par une fausse couche selon l’âge

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":238,"value":"## Graphique 4","pinned":false,"hidden":false,"mode":"md"},{"id":665,"value":"Prendre la seconde version","pinned":false,"hidden":false,"mode":"md"},{"id":240,"value":"data4 = FileAttachment(\"n646_4@3.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":885,"value":"df4 = data4.map(d=>({\nvar: d.varFr,\ncat: d.catFr,\najust: d.ajustFr.replace(\"Non ajusté\", \"Non ajustées\").replace(\"Ajusté par l'âge\", \"Ajustées par l'âge\"),\nestim: d.estim, n:d.n, lb:d.lb, ub:d.ub \n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":456,"value":"title4 = html`

Figure 4. Probabilités qu’une grossesse se termine par une fausse couche selon le niveau d’études et la situation financière au début de la grossesse

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"domain4 = [...new Set(df4.map(d=>d.ajust)) ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"range4 = [\"#ff362d\", \"#ffaaa6\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":761,"value":"viewof legend4 = legend(domain4,range4, {selectAll:false})","pinned":false,"hidden":false,"mode":"ojs"},{"id":250,"value":"filter4 = df4.filter(d=> legend4.includes(d.ajust))","pinned":false,"hidden":false,"mode":"ojs"},{"id":543,"value":"filter4a = df4.filter(d=> d.var===\"Niveau d'études\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":549,"value":"filter4b = df4.filter(d=> d.var===\"Difficultés financières au début de la grossesse\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":545,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":552,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":558,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"#### CSS & Functions","pinned":false,"hidden":false,"mode":"md"},{"id":705,"value":"import {legend, cssLegend, toggle, cssToggle} from \"@wsthevenin/mtinput\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":708,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs"},{"id":1449,"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"}],"files":"$W38","stdlib":"1","titling":"auto"}