2f:T444,plot1a = Plot.plot({ width: width, marginLeft: 45, color: {legend: false, range: [pal60[4], pal100[4], "#ededed" ]} , height: height, y: {tickFormat: "d", label: null, inset: 5}, x: {label: "%", domain: [0,100], grid: true}, fy: {label: null}, //subtitle: md`**Identification (%)**`, marks: [ Plot.axisX({dy: -7}), Plot.barX(df1a, {filter: d => filteredF1A.includes(d.var) , x: "n", fy: "sexe2", y: "annee", fill: "var", stroke: "#000000", strokeWidth:.5, dy:0, channels: { sexuatité: {value: "var", label: "Identification:"}, p: {value: "n", label: "Pourcentage:"}, }, tip: {format: {fy: false, sexe: false, x: false, y: false, fill: false, p: d=> `${d}%`}, fontSize:13} }), Plot.text(["Hommes"], {fy: [1], frameAnchor: "top-left", dx: 0, dy: -dy-1, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.text(["Femmes"], {fy: [2], frameAnchor: "top-left", dx: 0, dy: -dy-1, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.axisFy([]), ] })30:T48b,plot1b = Plot.plot({ color: {legend: false, domain: ["Pour le même sexe", "Pour les deux sexes", "Pour l'autre sexe" ], range: [pal60[5], pal100[5], "#ededed" ]} , width: width, height: height, marginLeft: 45, y: {tickFormat: "d", label: null}, x: {label: "%", domaine: [0,100], grid: true}, fy: {label: null}, //subtitle: md`**Attirances au cours de la vie (%)**`, marks: [ Plot.axisX({dy: -4}), Plot.barX(df1b, {filter: d => filteredF1B.includes(d.var), x: "n", fy: "sexe2", y: "annee", fill: "var", stroke: "#000000", strokeWidth:.5, dy:0, channels: { Attirance: {value: "var", label: "Attirance:"}, p: {value: "n", label: "Pourcentage:"}, }, tip: {format: {fy: false, Sexe: false, x: false, y: false, fill: false, p: d=> `${d}%`}, fontSize:13} }), Plot.text(["Hommes"], {fy: [1], frameAnchor: "top-left", dx: 0, dy: -dy-1, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.text(["Femmes"], {fy: [2], frameAnchor: "top-left", dx: 0, dy: -dy-1, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.axisFy([]), ] })31:T96d,plot2 = Plot.plot({ color: {legend: false, domain: ["Pansexuel", "Bisexuel", "Homosexuel", "Autres", "Hétérosexuel"], range: ["#ffccc9", "#ff9a96", "#ff564e", "#0042eb", "#ededed" ]} , width: width, height: height, marginLeft: 77, y: {tickFormat: "d", label: null, reverse: true, axis: null}, x: {label: "%", domain: [0,100], grid: true}, fy: {label: null, padding: .2}, marks: [ Plot.axisX({dy: -4}), Plot.barX(df2, {filter: d => filteredF2.includes(d.var), x: "n", fy: "sexe2", y: "cat2", fill: "var", stroke: "#000000", strokeWidth:.5, dy:0, channels: { Attirance: {value: "var", label: "Identification:"}, p: {value: "n", label: "Pourcentage:"}, }, tip: {format: {fy: false, Sexe: false, x: false, y: false, fill: false, p: d=> `${d}%`}, fontSize:13} }), Plot.text(["Hommes"], {fy: [1], frameAnchor: "top-left", dx: 0, dy: -dy-2, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.text(["Femmes"], {fy: [2], frameAnchor: "top-left", dx: 0, dy: -dy-2, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.text(["Ensemble"], {fy: [3], frameAnchor: "top-left", y: 3, dx: 0, dy: -2, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.text(["18-21"], {fy: [1], y: 3, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["22-25"], {fy: [1], y: 2, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["26-29"], {fy: [1], y: 1, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["18-21"], {fy: [2], y: 3, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["22-25"], {fy: [2], y: 2, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["26-29"], {fy: [2], y: 1, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Hommes"], {fy: [3], y: 2, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Femmes"], {fy: [3], y: 1, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.axisFy([]), ] })32:T85a,Plot.plot({ width: width, grid: false, marginLeft: 72, marginBottom: 40, fy: {label: null, padding: .2}, x: { domain: [0,100], grid: true, label: "%"}, y: {label: null, inset: 10, axis: false}, color: { legend: true, domain: ["Pansexuel", "Bisexuel", "Homosexuel", "Hétérosexuel"], range: ["#ffccc9", "#ff9a96", "#ff564e", "#4f4f4f"]}, marks: [ Plot.frame({ strokeOpacity: 0.1 }), Plot.barX(df3, { fy: "type", y: "var2", x: "n", fill: "var", inset:-.5, stroke: "#000000", strokeWidth: .5, rx2: 5, channels: { orientation: {value: "var", label: "Prientation:"}, pourcentage: {value: "n", label: "Pourcentage:"} }, tip: {format: {var: false, x: false, y: false, fy: false, fill: false, pourcentage: d=> `${d}%`}} }), Plot.ruleY([5], {stroke: "transparent"}), Plot.text(["Relation de couple*"], {fy: [1], frameAnchor: "top-left", dx: 0, dy: -dy-4, fontSize:15, fontWeight: 400, textAnchor: "start"}), Plot.text(["Histoire d'un soir"], {fy: [2], frameAnchor: "top-left", dx: 0, dy: -dy-4, fontSize:15, fontWeight: 400, textAnchor: "start"}), Plot.text(["Premier partenaire même sexe**"], {fy: [3], frameAnchor: "top-left", dx: 0, dy: -dy-4, fontSize:15, fontWeight: 400, textAnchor: "start"}), Plot.text(["Hommes"], {fy: [3], frameAnchor: "top-left", dx: -5, dy:36, fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Femmes"], {fy: [3], frameAnchor: "top-left", dx: -5, dy:112, fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Hommes"], {fy: [2], frameAnchor: "top-left", dx: -5, dy:36, fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Femmes"], {fy: [2], frameAnchor: "top-left", dx: -5, dy:112, fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Hommes"], {fy: [1], frameAnchor: "top-left", dx: -5, dy:36, fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Femmes"], {fy: [1], frameAnchor: "top-left", dx: -5, dy:112, fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.axisFy([]), ] })33:T900,plot4 = Plot.plot({ color: {legend: false, domain: ["Uniquement des femmes", "Uniquement des hommes", "Les deux sexes", "Pas de pratique", "Refus, nsp"], range: [pal100[0], pal100[2], "#ededed", pal100[5], pal100[4]]}, width, height: height, marginLeft: 65, y: {tickFormat: "d", label: null, reverse: false, axis: null}, x: {label: "%", domain: [0,100], grid: true}, fy: {label: null, padding: .2}, marks: [ Plot.axisX({dy: -4}), Plot.barX(df4, {filter: d => filteredF4.includes(d.var), x: "n", fy: "sexe2", y: "cat2", fill: "var", stroke: "#000000", strokeWidth:.5, dy:0, channels: { Attirance: {value: "var", label: "Sexe partenaires:"}, p: {value: "n", label: "Pourcentage:"}, }, tip: {format: {fy: false, Sexe: false, x: false, y: false, fill: false, p: d=> `${d}%`}, fontSize:13} }), Plot.text(["Hommes"], {fy: [1], frameAnchor: "top-left", dx: 0, dy: -dy-2, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.text(["Femmes"], {fy: [2], frameAnchor: "top-left", dx: 0, dy: -dy-2, fontSize:15, fontWeight: 600, textAnchor: "start"}), Plot.text(["Hétéro"], {fy: [1], y: 1, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Pan"], {fy: [1], y: 2, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Bi"], {fy: [1], y: 3, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Homo"], {fy: [1], y: 4, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Hétéro"], {fy: [2], y: 1, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Pan"], {fy: [2], y: 2, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Bi"], {fy: [2], y: 3, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.text(["Homo"], {fy: [2], y: 4, x: 0, dx: -10, dy: -1, textAnchor: "start", fontSize:15, fontWeight: 400, textAnchor: "end"}), Plot.axisFy([]), ] })34:T44e,35:Tdac,

		Personnes non binaires	Femmes cisgenres	Hommes cisgenres
Identification	Hétérosexuelle	14.7	81.8	92.4
	Homosexuelle	12.6	2.2	3
	Bisexuelle	21.5	9.5	2.7
	Pansexuelle	38.5	4.6	0.8
	Asexuelle et autres	12.7	2	1.1
	Total	100	100	100
Attirances sexuelles au cours de la vie	Pas d’attirance	15.6	3.5	1.5
	Pour un seul sexe (uniquement ou surtout)	34.9	85.2	96.3
	Autant pour les deux sexes	49.5	11.3	2.2
	Total	100	100	100
Pratiques sexuelles au cours de la vie	Pas de pratique	30	16	17.7
	Pratiques avec un seul sexe	32.1	70	75.9
	Pratiques avec les deux sexes	37.9	14	6.5
	Total	100	100	100
Effectifs		118	4644	5225

36:T8f4,37:[{"id":"ed59535c799e7c90da611d5254d8d5c83bdd17d3410de9f7dfb14e748c5726533decc33eb72a0bd93951cb10aa008120b139d5c37adc92afe2188a93049e24e1","href":"https://static.observableusercontent.com/files/ed59535c799e7c90da611d5254d8d5c83bdd17d3410de9f7dfb14e748c5726533decc33eb72a0bd93951cb10aa008120b139d5c37adc92afe2188a93049e24e1","name":"n632_3@10.csv","type":"text/csv","lastModified":1744356161780.113,"size":1620},{"id":"169f78f31f0b2bdb2c1c331c429cbcafcb731b9dc6a787c2746bd471c6b6526271f34332611a8cdbc57f6aba18e2f57a8b00fa6f8dd192d8878e1d7fa92042ec","href":"https://static.observableusercontent.com/files/169f78f31f0b2bdb2c1c331c429cbcafcb731b9dc6a787c2746bd471c6b6526271f34332611a8cdbc57f6aba18e2f57a8b00fa6f8dd192d8878e1d7fa92042ec","name":"n632_1a@5.csv","type":"text/csv","lastModified":1744274621691.09,"size":640},{"id":"dcb236f443808a5e45d9734e6e1d0637133cf2262185fa0fae91b8ecd8201b6bb2b683d7f96d2d230940c4b69f15fbfca20952c78d6fc5e048057d1dcf2591b1","href":"https://static.observableusercontent.com/files/dcb236f443808a5e45d9734e6e1d0637133cf2262185fa0fae91b8ecd8201b6bb2b683d7f96d2d230940c4b69f15fbfca20952c78d6fc5e048057d1dcf2591b1","name":"n632_1b@4.csv","type":"text/csv","lastModified":1744274637665.624,"size":870},{"id":"38302aba1f91c97d30a9ad18f96f37a4a368822a18aa197ff768e80cf786f271cd41a0616e4c3b1b55e34e4c59b6551f9ecf1bbd3c1ab4ddf6cded1ee06adc31","href":"https://static.observableusercontent.com/files/38302aba1f91c97d30a9ad18f96f37a4a368822a18aa197ff768e80cf786f271cd41a0616e4c3b1b55e34e4c59b6551f9ecf1bbd3c1ab4ddf6cded1ee06adc31","name":"n632_4.csv","type":"text/csv","lastModified":1744287606069.457,"size":1613},{"id":"f5bfb80dc25ae0dae80b8579c42b9922cdd308f0ed20e9e1c3860ebd1b6f79d2964456d8b768eddaa9b4dd72dbead9f4fb7ccd518b8ea650780ed80516185652","href":"https://static.observableusercontent.com/files/f5bfb80dc25ae0dae80b8579c42b9922cdd308f0ed20e9e1c3860ebd1b6f79d2964456d8b768eddaa9b4dd72dbead9f4fb7ccd518b8ea650780ed80516185652","name":"n632_2@4.csv","type":"text/csv","lastModified":1744352708016.106,"size":1362}] 2d:{"title":"n632","cells":[{"id":0,"value":"# n632","pinned":false,"hidden":false,"mode":"md"},{"id":527,"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":true,"hidden":false,"mode":"ojs"},{"id":529,"value":"pal60 = [\n \"#ff9a96\", //rouge 0 \n \"#ffb0cf\", //rose 1 \n \"#987cac\", //mauve 2\n \"#678ef3\", //bleu 3 \n \"#9ee5c5\", //vert 4\n \"#ffe597\", //jaune 5\n \"#8a8a8a\", //gray 6\n \n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"df1a = FileAttachment(\"n632_1a@5.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"df1b = FileAttachment(\"n632_1b@4.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"size = width","pinned":true,"hidden":false,"mode":"ojs"},{"id":93,"value":"height = {\nlet n;\n if (size >=450) { return n = 400}\n else {return n = 250}\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"dy = {\nlet n; \n if (size >=450) {return n = 8}\n else {return n = 6}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"# Graphique 1","pinned":false,"hidden":false,"mode":"md"},{"id":554,"value":"domainF1A = [\"Bi/pansexuelle\", \"Homosexuelle\", \"Hétérosexuelle\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":571,"value":"domainF1B = [\"Pour le même sexe\", \"Pour les deux sexes\", \"Pour l'autre sexe\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":557,"value":"rangeF1A = [pal60[4], pal100[4], \"#ededed\" ]","pinned":true,"hidden":false,"mode":"ojs"},{"id":573,"value":"rangeF1B = [pal60[5], pal100[5], \"#ededed\" ]","pinned":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"### Figure 1. Evolutions des identifications et attirances sexuelles des jeunes (2015-2023)","pinned":false,"hidden":false,"mode":"md"},{"id":568,"value":"#### Identification (%)","pinned":false,"hidden":false,"mode":"md"},{"id":559,"value":"viewof filteredF1A = filterLegend(domainF1A, rangeF1A)","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":577,"value":"#### Attirances au cours de la vie (%)","pinned":false,"hidden":false,"mode":"md"},{"id":575,"value":"viewof filteredF1B = filterLegend(domainF1B, rangeF1B)","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"

\nT. Lejbowicz, W. Rault, M. Trachman et l’équipe Envie, Population & Sociétés, 632, avril\n2025, Ined.
\nNotes : Nous avons exclu les personnes de 18 et 19 ans de l’échantillon de\nl’enquête Envie pour comparer à champ d’âge identique, l’enquête\nVirage n’ayant interrogé les personnes qu’à partir de l’âge de 20 ans.\nL’enquête Virage ne proposait pas explicitement la modalité\n« pansexuel∙le » comme l’enquête Envie, mais permettait de le déclarer\npar une question ouverte.
\nChamp : Hommes et femmes de 20-29 ans, ayant déclaré des attirances et\ns’identifiant comme hétérosexuel·les, homosexuel·les, bisexuel·les,\npansexuel·les ; données pondérées.\nSources : Virage, Ined, 2015 ; Envie, Ined, 2023","pinned":false,"hidden":false,"mode":"html"},{"id":169,"value":"# Graphique 2","pinned":false,"hidden":false,"mode":"md"},{"id":342,"value":"df2 = FileAttachment(\"n632_2@4.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":586,"value":"domainF2 = [\"Pansexuel\", \"Bisexuel\", \"Homosexuel\", \"Autres\", \"Hétérosexuel\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":588,"value":"rangeF2 = [\"#ffccc9\", pal60[0], pal100[0], pal100[3], \"#ededed\" ]","pinned":true,"hidden":false,"mode":"ojs"},{"id":246,"value":"## Figure 2. Identification sexuelle des femmes et des hommes en fonction de l'âge (%)","pinned":false,"hidden":false,"mode":"md"},{"id":594,"value":"viewof filteredF2 = filterLegend(domainF2, rangeF2)","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":283,"value":"

\nT. Lejbowicz, W. Rault, M. Trachman et l’équipe Envie, Population & Sociétés, 632, avril 2025, Ined.
\nLecture : 77,8 % des femmes de 18-21 ans se définissent commehétérosexuelles.
\nNote : Les personnes ayant répondu « ne sait pas » ou ayant refusé de répondre n’ont pas été prises en compte (1,4 % des femmes, 0,8 % des hommes).
\nChamp : Femmes et hommes de 18-29 ans ; données pondérées.
\nSource : Enquête Envie, Ined, 2023.","pinned":false,"hidden":false,"mode":"html"},{"id":295,"value":"## Graphique 3","pinned":false,"hidden":false,"mode":"md"},{"id":298,"value":"df3= FileAttachment(\"n632_3@10.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":311,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"## Graphique 4","pinned":false,"hidden":false,"mode":"md"},{"id":621,"value":"domainF4 = [\"Uniquement des femmes\", \"Uniquement des hommes\", \"Les deux sexes\", \"Pas de pratique\", \"Refus, nsp\" ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":623,"value":"rangeF4 = [pal100[0], pal100[2], \"#ededed\", pal100[5], pal100[4]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"df4 = FileAttachment(\"n632_4.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"## Figure 4. Sexe des partenaires sexuels en fonction de l'identification sexuelle (%)","pinned":false,"hidden":false,"mode":"md"},{"id":626,"value":"viewof filteredF4 = filterLegend(domainF4, rangeF4)","pinned":false,"hidden":false,"mode":"ojs"},{"id":256,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":278,"value":"

\nT. Lejbowicz, W. Rault, M. Trachman et l’équipe Envie, Population & Sociétés, 632, avril\n2025, Ined.
\nChamp : Hommes et femmes de 18-29 ans, ayant déclaré des attirances et\ns’identifiant comme hétérosexuel·les, homosexuel·les, bisexuel·les,\npansexuel·les ; données pondérées.
\nSource : Envie, Ined,","pinned":false,"hidden":false,"mode":"html"},{"id":21,"value":"$34","pinned":false,"hidden":false,"mode":"html"},{"id":491,"value":"## Tableau. Caractéristiques sexuelles en fonction de l’identification de genre (%)","pinned":false,"hidden":false,"mode":"md"},{"id":286,"value":"$35","pinned":false,"hidden":false,"mode":"html"},{"id":524,"value":"

\nNote : Les personnes cisgenres sont celles dont l’identité de genre\ncorrespond au sexe de naissance.
\nChamp: Personnes non binaires et cisgenres, 18-29 ans ; données\npondérées.
\nSource : Envie, Ined, 2023. \n

","pinned":false,"hidden":false,"mode":"html"},{"id":288,"value":"$36","pinned":false,"hidden":false,"mode":"html"},{"id":550,"value":"filterLegend = (domain, range) => {\n const value = new Map(domain.map(d => [d, true]));\n const _set = () => set(node, [...value].filter(d => d[1]).map(d => d[0]));\n const oninput = e => (value.set(e.target.id, e.target.checked), _set());\n const node = htl.html`

\n ${domain.map((d, i) => htl.html`

\n \n ${d}\n

`)}\n

`;\n _set();\n return node;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":552,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}