28:null 29:["$","title",null,{"children":"n646 FR | Marc Thevenin | Observable"}] 2e: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; } 2f:Tb40,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).

`30: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]) ] })31: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).

`32: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}}) ] })33:Tb8b,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.

`34: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 }) ] })35: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 }) ] })36: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).

`37:[{"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}] 2c:{"id":"3df6b583470b82fd","slug":null,"title":"n646 FR","thumbnail":"ae1f0bf8ba051a4df0b3492a5985bd10f112279d816e0979ef10d7ec22c007e3","access_level":"public","create_time":"$D2026-08-12T09:33:04.006Z","update_time":"$D2026-09-25T15:53:48.712Z","view_time":null,"first_public_time":"$D2026-08-12T09:34:51.063Z","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":1544,"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":1,"collection":{"id":"c4199fd212916d65","slug":"n646","title":"n646","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"n646 FR","cells":[{"id":0,"value":"# n646 FR","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1452,"value":"articleLink({\n lang: \"fr\",\n fr: { url: \"https://www.ined.fr/fr/publications/editions/population-et-societes/en-france-environ-femme-sur-cinq-vivra-fausse-couche\", title: \"En France, environ une femme sur cinq vivra une fausse couche au cours de sa vie\" },\n en: { url: \"https://...\", title: \"Fertility in France since 1960\" }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"## Graphique 1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"data1 = FileAttachment(\"n646_1@1.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":834,"value":"df1 = data1.map(d=>({\nage: d.ageFr,\ntype: d.typeFR,\nn: d.n, \n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"domain1X = [...new Set(df1.map(d=>d.type))] ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":807,"value":"domain1= d3.reverse(domain1X)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"range1 = [pal100[5], \"#a1a1a1\", pal100[0], \"#ffcfcd\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"title1 = html`

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

Figure 2. Répartition des grossesses selon leur issue

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"domain2 = [...new Set(df2.map(d=>d.data)) ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"range2 = [pal100[0], pal100[5]]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"viewof legend2 = legend(domain2,range2, {selectAll:false})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"filter2 = df2.filter(d=> legend2.includes(d.data))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1157,"value":"domain2F = [...new Set(filter2.map(d=>d.data)) ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"## Graphique 3","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":117,"value":"df3 = FileAttachment(\"n646_3.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"title3 = html`

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

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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"domain4 = [...new Set(df4.map(d=>d.ajust)) ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"range4 = [\"#ff362d\", \"#ffaaa6\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":761,"value":"viewof legend4 = legend(domain4,range4, {selectAll:false})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"filter4 = df4.filter(d=> legend4.includes(d.ajust))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":543,"value":"filter4a = df4.filter(d=> d.var===\"Niveau d'études\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"#### CSS & Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":705,"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":708,"value":"cssLegend","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1451,"value":"import {articleLink} from '@mthevenin/popsoc' ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1"}} 2d:"$2c:body"