2f:Tade,plot1 = Plot.plot({ //width: 800, width, title: "Mariages et Pacs de 1900 à 2022 (en milliers)", subtitle: md`### ${year}`, marginLeft: 80, marginRight: 30, marginBottom: 70, marginTop: 45, y: {domain: [5000,650000], tickFormat: d => Math.abs(d)/1000}, grid: false, x: {tickFormat: "d"}, color: {legend: true, domain: ["Mariages","Pacs"], range: ["#512672","#5bd39e"]}, marks: [ Plot.lineY(mariage, {filter: (d) => d.Année <= year, x: d=> d.Année + .3, y: d=> d.Mariage -1100, stroke: "#e1e1e1", strokeWidth: 4/w, curve: "natural", }), Plot.lineY(mariage, {filter: (d) => d.Année <= year, x: "Année", y: "Mariage", stroke: "#512672", strokeWidth: 3/w, curve: "natural", tip: {format: {x: "d"}}}), Plot.lineY(mariage, {filter: (d) => d.Année <= year, x: "Année", y: "Pacs", stroke: "#5bd39e", strokeWidth: 3/w, curve: "natural", tip: {format: {x: "d"}}}), Plot.dot(mariage, {filter: (d) => d.Année == year, x: "Année", y: "Mariage", stroke: "white", fill: "#512672", strokeWidth: 1.5/w, r:5/w, curve: "natural"}), Plot.dot(mariage, {filter: (d) => d.Année == year, x: "Année", y: "Pacs", stroke: "white", fill: "#5bd39e", strokeWidth: 1.5/w, r:5/w, curve: "natural"}), Plot.dot(mariage, {filter: (d) => d.Année == year, x: "Année", y: "dot_mY", stroke: "white", fill: "#ff554e", strokeWidth: 1.5/w, r:5.5/w, curve: "natural"}), Plot.dot(mariage, {filter: (d) => d.Année == year, x: "Année", y: "dot_pY", stroke: "white", fill: "#ff554e", strokeWidth: 1.5/w, r:5.5/w, curve: "natural"}), Plot.text(mariage, {filter: (d) => d.Année == year, x: "Année", y: d=>675000, dx: 9, text: d=> d.Commentaire , fontSize:14, fontWeight:400, textAnchor: "end"}), Plot.ruleX(mariage, {filter: (d) => d.Année == year, x: "Année", y1: d=>660000, y2: "comment_y", strokeWidth:.5}), Plot.ruleX([1900]), Plot.ruleY([0]), Plot.image(mariage , {filter: (d) => d.Année <= year, x: "xc", y: "yc", dy:-10, src: icone, r:8, channels: { periode: {value: "periode", label: "PERIODE:"}, Commentaire: {value: "Commentaire", label: ""}, }, tip: {format: {x:false, y: false,}}}), //Plot.ruleY(mariage, {filter: (d) => d.Année == year, x1: d=>1990, x2:"ageH2" ,y: d=>-65000, stroke: "#ff554e", strokeWidth: 2.5, markerEnd: "dot"}), //Plot.ruleY(mariage, {filter: (d) => d.Année == year, x1: d=>1990, x2: "ageF2" ,y: d=>-90000, stroke: "#ffd34e", strokeWidth: 2.5, markerEnd: "dot"}), //Plot.text(mariage, {filter: (d) => d.Année == year, x: d=>2023, dx:1, y: d=> -65000, text: "ageH2"}), //Plot.text(["H"], { x: d=> 2025, y: d=>315000}), //Plot.text(["F"], { x: d=> 2030, y: d=>315000}), ] })30:T771,plot2 = Plot.plot({ width: 800, title: "Mariages et Pacs de 1900 à 2022 (en milliers)", subtitle: md`### ${year2}`, marginLeft: 70, marginRight: 100, marginBottom: 40, marginTop: 50, y: {domain: [5000,650000], tickFormat: d => Math.abs(d)/1000}, grid: true, x: {tickFormat: "d", domain: [1900,year2]}, marks: [ Plot.lineY(mariage, {filter: (d) => d.Année <= year2, x: d=> d.Année + .3, y: d=> d.Mariage -1100, stroke: "#e1e1e1", strokeWidth: 4/w, curve: "natural", }), Plot.lineY(mariage, {filter: (d) => d.Année <= year2, x: "Année", y: "Mariage", stroke: "#512672", strokeWidth: 3/w, curve: "natural", tip: {format: {x: "d"}}}), Plot.lineY(mariage, {filter: (d) => d.Année <= year2, x: "Année", y: "Pacs", stroke: "#5bd39e", strokeWidth: 3/w, curve: "natural", tip: {format: {x: "d"}}}), Plot.dot(mariage, {filter: (d) => d.Année == year2, x: "Année", y: "Mariage", stroke: "white", fill: "#512672", strokeWidth: 1.5/w, r:4/w, curve: "natural"}), Plot.dot(mariage, {filter: (d) => d.Année == year2, x: "Année", y: "Pacs", stroke: "white", fill: "#5bd39e", strokeWidth: 1.5/w, r:4/w, curve: "natural"}), Plot.text(mariage, {filter: (d) => d.Année == year2, x: "Année", y: d=>665000, text: d=> d.Commentaire, fontSize:14}), Plot.ruleX(mariage, {filter: (d) => d.Année == year2, x: "Année", y1: d=>650000, y2: "comment_y", strokeWidth:.5}), Plot.ruleY(mariage, {filter: (d) => d.Année == year2, x1: d=> d.Année-2, x2: d=>d.Année +2, y: "ruleY", strokeWidth:.5}), Plot.ruleX([1900]), Plot.ruleY([0]), Plot.image(mariage , { x: "xc", y: "yc", src: icone, dy: -10, channels: { periode: {value: "periode", label: "PERIODE:"}, Commentaire: {value: "Commentaire", label: ""}, }, tip: {format: {x:false, y: false,}}}) ] })31:T119c,plot3 = Plot.plot({ width: 800, height:550, title: "Mariages et Pacs de 1900 à 2022 (en milliers)", marginLeft: 80, marginRight: 30, marginBottom: 150, marginTop: 30, y: {domain: [5000,650000], tickFormat: d => Math.abs(d)/1000}, grid: true, x: {tickFormat: "d", ticks:10, label: null, grid: true}, color: {legend: true, domain: ["Mariages","Pacs"], range: ["#512672","#5bd39e"]}, marks: [ Plot.lineY(mariage, { x: "Année", y: "Mariage", stroke: "#512672", strokeWidth: 3, curve: "natural", }), Plot.lineY(mariage, { x: "Année", y: "Pacs", stroke: "#5bd39e", strokeWidth: 3, curve: "natural",}), Plot.ruleX([1900]), Plot.ruleY([0]), // si même y: 670000 Plot.dot([2],{x: d=>1916, y: d=>250000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1920, y: d=>670000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1931, y: d=>360000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1942, y: d=>290000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1945, y: d=>540000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1949, y: d=>420000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1970, y: d=>430000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1989, y: d=>310000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1999, y: d=>42000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>2002, y: d=>52000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>2012, y: d=>125000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>2015, y: d=>206000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>2020, y: d=>250000, r:7.2, strokeWidth:1}), Plot.text(["1"], {x: d=>1916, y: d=>250000}), Plot.dot([2],{x: d=>1900.6, y: d=>-70000, r:7, strokeWidth:1}), Plot.text(["1 La grande guerre"], {x: d=>1900, y: d=>-70000, textAnchor:"start"}), Plot.text(["2"], {x: d=>1920, y: d=>670000}), Plot.dot([2],{x: d=>1900.6, y: d=>-100000, r:7, strokeWidth:1}), Plot.text(["2 Fin de la grande guerre"], {x: d=>1900, y: d=>-100000, textAnchor:"start"}) , Plot.text(["3"], {x: d=>1931, y: d=>360000}), Plot.dot([2],{x: d=>1900.6, y: d=>-130000, r:7, strokeWidth:1}), Plot.text(["3 La crise de 1929"], {x: d=>1900, y: d=>-130000, textAnchor:"start"}) , Plot.text(["4"], {x: d=>1942, y: d=>290000}), Plot.dot([2],{x: d=>1900.6, y: d=>-160000, r:7, strokeWidth:1}), Plot.text(["4 C'est encore la guerre"], {x: d=>1900, y: d=>-160000, textAnchor:"start"}) , Plot.text(["5"], {x: d=>1945, y: d=>540000}), Plot.dot([2],{x: d=>1900.6, y: d=>-190000, r:7, strokeWidth:1}), Plot.text(["5 C'est encore la fin de la guerre"], {x: d=>1900, y: d=>-190000, textAnchor:"start"}), // seconde colonne Plot.text(["6"], {x: d=>1949, y: d=>420000}), Plot.dot([2],{x: d=>1945.6, y: d=>-70000, r:7, strokeWidth:1}), Plot.text(["6 ...Mais un peu la guerre froide"], {x: d=>1945, y: d=>-70000, textAnchor:"start"}), Plot.text(["7"], {x: d=>1970, y: d=>430000}), Plot.dot([2],{x: d=>1945.6, y: d=>-100000, r:7, strokeWidth:1}), Plot.text(["7 J'arrive!!!"], {x: d=>1945, y: d=>-100000, textAnchor:"start", href: d => `https://fr.wikipedia.org/wiki/1970`}), Plot.text(["8"], {x: d=>1989, y: d=>310000}), Plot.dot([2],{x: d=>1945.6, y: d=>-130000, r:7, strokeWidth:1}), Plot.text(["8 Premiers pas à l'Ined"], {x: d=>1945, y: d=>-130000, textAnchor:"start"}) , Plot.text(["9"], {x: d=>1999, y: d=>42000}), Plot.dot([2],{x: d=>1945.6, y: d=>-160000, r:7, strokeWidth:1}), Plot.text(["9 Le Pacs arrive"], {x: d=>1945, y: d=>-160000, textAnchor:"start"}), // troisième colonne Plot.text(["10"], {x: d=>2002, y: d=>52000}), Plot.dot([2],{x: d=>1990.9, y: d=>-70000, r:7.6, strokeWidth:1}), Plot.text(["10 Le Pacs grimpe"], {x: d=>1990, y: d=>-70000, textAnchor:"start"}), Plot.text(["11"], {x: d=>2012, y: d=>125000}), Plot.dot([2],{x: d=>1990.9, y: d=>-100000, r:7.6, strokeWidth:1}), Plot.text(["11 Le Pacs petit plouf"], {x: d=>1990, y: d=>-100000, textAnchor:"start"}), Plot.text(["12"], {x: d=>2015, y: d=>206000}), Plot.dot([2],{x: d=>1990.9, y: d=>-130000, r:7.6, strokeWidth:1}), Plot.text(["12 Le Pacs remonte"], {x: d=>1990, y: d=>-130000, textAnchor:"start"}), Plot.text(["13"], {x: d=>2020, y: d=>250000}), Plot.dot([2],{x: d=>1990.9, y: d=>-160000, r:7.6, strokeWidth:1}), Plot.text(["13 Covid: salles des fêtes fermées"], {x: d=>1990, y: d=>-160000, textAnchor:"start"}) , Plot.image([{}], {x:d=> 1970, y: d=> 463000, src:sm, r:15 }), ] })32:Tbc3,plot5 = Plot.plot({ width: 800, height:550, title: "Mariages et Pacs de 1900 à 2022 (en milliers)", marginLeft: 80, marginRight: 50, marginBottom: 200, marginTop: 10, y: {domain: [5000,650000], tickFormat: d => Math.abs(d)/1000}, grid: true, x: {tickFormat: "d", ticks:10, label: null, grid: true}, color: {legend: true, domain: ["Mariages","Pacs"], range: ["#512672","#5bd39e"]}, marks: [ Plot.lineY(mariage, { x: "Année", y: "Mariage", stroke: "#512672", strokeWidth: 3, curve: "natural", }), Plot.lineY(mariage, { x: "Année", y: "Pacs", stroke: "#5bd39e", strokeWidth: 3, curve: "natural",}), Plot.ruleX([1900]), Plot.ruleY([0], {dy:-2}), // si même y: 670000 Plot.dot([2],{x: d=>1946, y: d=>550000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1951, y: d=>350000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1970, y: d=>440000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>1974, y: d=>420000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>2000, y: d=>320000, r:7.2, strokeWidth:1}), Plot.dot([2],{x: d=>2021, y: d=>250000, r:7.2, strokeWidth:1}), Plot.text(["1"], {x: d=>1946, y: d=>550000}), Plot.dot([2],{x: d=>1900.6, y: d=>-60000, r:7, strokeWidth:1}), Plot.text(["1 A la sortie de la guerre, l'âge au premier mariage est à peu près ce qu'il était au cours de la première moitié du siècle, \n c'est à dire relativement élevé"], {x: d=>1900, y: d=>-70000, dx:1, dy:1, textAnchor:"start"}), Plot.text(["2"], {x: d=>1951, y: d=>350000}), Plot.dot([2],{x: d=>1900.6, y: d=>-120000, r:7, strokeWidth:1}), Plot.text(["2 Baisse de l'âge au mariage durant les 30 glorieuses "], {x: d=>1900, y: d=>-120000, textAnchor:"start"}) , Plot.text(["3"], {x: d=>1970, y: d=>440000}), Plot.dot([2],{x: d=>1900.6, y: d=>-170000, r:7, strokeWidth:1}), Plot.text(["3 Pendant les année suivantes, élévation continue de l'âge au mariage: «Seconde transition démographique» "], {x: d=>1900, y: d=>-170000, textAnchor:"start"}) , Plot.text(["4"], {x: d=>1974, y: d=>420000}), Plot.dot([2],{x: d=>1900.6, y: d=>-220000, r:7, strokeWidth:1}), Plot.text(["4 En 1974, l'âge à la majorité était abaissé à 18 ans, contre 21 ans auparavent. Cela change la vie de millions \n de jeunes gens, notamment l'âge pour se marier sans le consentement des parents "], {x: d=>1900, y: d=>-230000, textAnchor:"start"}) , Plot.text(["5"], {x: d=>2000, y: d=>320000}), Plot.dot([2],{x: d=>1900.6, y: d=>-280000, r:7, strokeWidth:1}), Plot.text(["5 Au Milieu des années 2000, l'âge au premier mariage franchit le seuil de 30 ans "], {x: d=>1900, y: d=>-280000, textAnchor:"start"}) , Plot.text(["6"], {x: d=>2021, y: d=>250000}), Plot.dot([2],{x: d=>1900.6, y: d=>-330000, r:7, strokeWidth:1}), Plot.text(["6 Depuis 1950, réduction de l'écart d'âge entre époux: 1.5 ans en 2022 contre 3.1 ans en 1947"], {x: d=>1900, y: d=>-330000, textAnchor:"start"}) , ] })33:T6ee, 34:[{"id":"9479888860b1c602dcb55ed31ecc7e2cd8d50c596bcfa6ec0d7d700b4a8e5065ea040820659e5000ae9af11ff09d6995811de06950fad0d0e8897bf8130c2376","href":"https://static.observableusercontent.com/files/9479888860b1c602dcb55ed31ecc7e2cd8d50c596bcfa6ec0d7d700b4a8e5065ea040820659e5000ae9af11ff09d6995811de06950fad0d0e8897bf8130c2376","name":"HTML5_Badge_128.png","type":"image/png","lastModified":1735282193664.17,"size":2321},{"id":"fbe027006ba4587eef440cf2cb6379b45c176025ae6dac8407188dc1f7bb333892a14b4bc1ce8cadc9b6668e1d6a66cdd2fe9a8813bf26f18a2a7ab47d882a28","href":"https://static.observableusercontent.com/files/fbe027006ba4587eef440cf2cb6379b45c176025ae6dac8407188dc1f7bb333892a14b4bc1ce8cadc9b6668e1d6a66cdd2fe9a8813bf26f18a2a7ab47d882a28","name":"test_img.csv","type":"text/csv","lastModified":1735283816527.892,"size":123},{"id":"fbe027006ba4587eef440cf2cb6379b45c176025ae6dac8407188dc1f7bb333892a14b4bc1ce8cadc9b6668e1d6a66cdd2fe9a8813bf26f18a2a7ab47d882a28","href":"https://static.observableusercontent.com/files/fbe027006ba4587eef440cf2cb6379b45c176025ae6dac8407188dc1f7bb333892a14b4bc1ce8cadc9b6668e1d6a66cdd2fe9a8813bf26f18a2a7ab47d882a28","name":"test_img@1.csv","type":"text/csv","lastModified":1735283959494.713,"size":123},{"id":"a9448f37fc3c00b8a0ce8044e0d32c46ca43003a5622c54b75242aa31af80a1e64dce552cad3fc0b1457440399282bad81cd7ac062698ee50f5ee05ca1205a0b","href":"https://static.observableusercontent.com/files/a9448f37fc3c00b8a0ce8044e0d32c46ca43003a5622c54b75242aa31af80a1e64dce552cad3fc0b1457440399282bad81cd7ac062698ee50f5ee05ca1205a0b","name":"test_img@2.csv","type":"text/csv","lastModified":1735284067942.219,"size":117},{"id":"a9448f37fc3c00b8a0ce8044e0d32c46ca43003a5622c54b75242aa31af80a1e64dce552cad3fc0b1457440399282bad81cd7ac062698ee50f5ee05ca1205a0b","href":"https://static.observableusercontent.com/files/a9448f37fc3c00b8a0ce8044e0d32c46ca43003a5622c54b75242aa31af80a1e64dce552cad3fc0b1457440399282bad81cd7ac062698ee50f5ee05ca1205a0b","name":"test_img@3.csv","type":"text/csv","lastModified":1735284179220.452,"size":117},{"id":"250089f0bf849b3bddbf41a134f8f3e4fe35388ee76624fd07011512676d53d026d1421d3c3fcf77a0169f507e4bf73ffedc0ff252733b611953a95d148de315","href":"https://static.observableusercontent.com/files/250089f0bf849b3bddbf41a134f8f3e4fe35388ee76624fd07011512676d53d026d1421d3c3fcf77a0169f507e4bf73ffedc0ff252733b611953a95d148de315","name":"br1.png","type":"image/png","lastModified":1735284304345.962,"size":14217},{"id":"a30012fcd13241b409963fc6a0e3a40c486900de2820f476996c72be3371a38b3a5d4ada599909aafdb1e8d0207da8b418a4de12b620c77d7404e0b5b8f5136c","href":"https://static.observableusercontent.com/files/a30012fcd13241b409963fc6a0e3a40c486900de2820f476996c72be3371a38b3a5d4ada599909aafdb1e8d0207da8b418a4de12b620c77d7404e0b5b8f5136c","name":"arrow-down.svg","type":"image/svg+xml","lastModified":1735285467431.812,"size":510},{"id":"68f1f3178a00a6adeb08646b571ff926dde9df997d869eb80f5ceab9aba5b07770dd8b9dbfa80bdbdb45580f8967fbc0fcb9bb92310703da07a14bc55a46a059","href":"https://static.observableusercontent.com/files/68f1f3178a00a6adeb08646b571ff926dde9df997d869eb80f5ceab9aba5b07770dd8b9dbfa80bdbdb45580f8967fbc0fcb9bb92310703da07a14bc55a46a059","name":"circle-info.svg","type":"image/svg+xml","lastModified":1735286170323.522,"size":555},{"id":"f411186841f92be64649799b4278a42a219a624d3b5d3a0b6205f2f20d2c7327b1d805e7c00b1bcc59c8c12010d66f08d23bb8f801b72b48d62f65d98b4f421f","href":"https://static.observableusercontent.com/files/f411186841f92be64649799b4278a42a219a624d3b5d3a0b6205f2f20d2c7327b1d805e7c00b1bcc59c8c12010d66f08d23bb8f801b72b48d62f65d98b4f421f","name":"circle-question.svg","type":"image/svg+xml","lastModified":1735286342320.412,"size":729},{"id":"9682709aeeb04e4eef77d7788682a69fde299e3c1ee2bbf690a6e3a795f0df751b0ac38578855d7bb4b88195358de582c664e2dda5302ed170ade0e75979aedb","href":"https://static.observableusercontent.com/files/9682709aeeb04e4eef77d7788682a69fde299e3c1ee2bbf690a6e3a795f0df751b0ac38578855d7bb4b88195358de582c664e2dda5302ed170ade0e75979aedb","name":"circle-question@1.svg","type":"image/svg+xml","lastModified":1735286455832.59,"size":776},{"id":"6a98fffb1d6095ca0bbf298201e55a51d7d6015b973ed64e50397f158d27ebff629555805802bc958e412ee1e6cc6f7933835fd1b4114d1ca3e38fbcd5308e78","href":"https://static.observableusercontent.com/files/6a98fffb1d6095ca0bbf298201e55a51d7d6015b973ed64e50397f158d27ebff629555805802bc958e412ee1e6cc6f7933835fd1b4114d1ca3e38fbcd5308e78","name":"mariage@8.csv","type":"text/csv","lastModified":1735286968059.072,"size":5094},{"id":"6a98fffb1d6095ca0bbf298201e55a51d7d6015b973ed64e50397f158d27ebff629555805802bc958e412ee1e6cc6f7933835fd1b4114d1ca3e38fbcd5308e78","href":"https://static.observableusercontent.com/files/6a98fffb1d6095ca0bbf298201e55a51d7d6015b973ed64e50397f158d27ebff629555805802bc958e412ee1e6cc6f7933835fd1b4114d1ca3e38fbcd5308e78","name":"mariage@9.csv","type":"text/csv","lastModified":1735288545120.631,"size":5094},{"id":"2fac0419c1859409aaf5176933167978ab5ff7253023e366038c68973f862e9a35d8ff563a15c117860ad16c591d0b9bf5709613ebacfc6b2e5a8d7c7cf985e2","href":"https://static.observableusercontent.com/files/2fac0419c1859409aaf5176933167978ab5ff7253023e366038c68973f862e9a35d8ff563a15c117860ad16c591d0b9bf5709613ebacfc6b2e5a8d7c7cf985e2","name":"mariage@10.csv","type":"text/csv","lastModified":1735288843315.993,"size":5822},{"id":"788a2c86dc3db1a5dc82751a566349b6b3e885d07d414aea7f0b891d387151a7ff24e98d5eb3592df492685b021ec27b54f773e6d9bb489659e1b5bc49bf6046","href":"https://static.observableusercontent.com/files/788a2c86dc3db1a5dc82751a566349b6b3e885d07d414aea7f0b891d387151a7ff24e98d5eb3592df492685b021ec27b54f773e6d9bb489659e1b5bc49bf6046","name":"5.png","type":"image/png","lastModified":1735289694565.094,"size":1068},{"id":"8c9a82ac8a9aee9bd89ec9549c51dadec6b999b5982f1eeb826a567c8fbb1b66f65e76e51d53cba8b2448bfa66966adebc54f4fb31d667343e2c0ba59f50a6dc","href":"https://static.observableusercontent.com/files/8c9a82ac8a9aee9bd89ec9549c51dadec6b999b5982f1eeb826a567c8fbb1b66f65e76e51d53cba8b2448bfa66966adebc54f4fb31d667343e2c0ba59f50a6dc","name":"circle-question.png","type":"image/png","lastModified":1735289958122.285,"size":1148},{"id":"8c9a82ac8a9aee9bd89ec9549c51dadec6b999b5982f1eeb826a567c8fbb1b66f65e76e51d53cba8b2448bfa66966adebc54f4fb31d667343e2c0ba59f50a6dc","href":"https://static.observableusercontent.com/files/8c9a82ac8a9aee9bd89ec9549c51dadec6b999b5982f1eeb826a567c8fbb1b66f65e76e51d53cba8b2448bfa66966adebc54f4fb31d667343e2c0ba59f50a6dc","name":"circle-question@1.png","type":"image/png","lastModified":1735290007613.738,"size":1148},{"id":"f411186841f92be64649799b4278a42a219a624d3b5d3a0b6205f2f20d2c7327b1d805e7c00b1bcc59c8c12010d66f08d23bb8f801b72b48d62f65d98b4f421f","href":"https://static.observableusercontent.com/files/f411186841f92be64649799b4278a42a219a624d3b5d3a0b6205f2f20d2c7327b1d805e7c00b1bcc59c8c12010d66f08d23bb8f801b72b48d62f65d98b4f421f","name":"circle-question@2.svg","type":"image/svg+xml","lastModified":1735290104932.067,"size":729},{"id":"9682709aeeb04e4eef77d7788682a69fde299e3c1ee2bbf690a6e3a795f0df751b0ac38578855d7bb4b88195358de582c664e2dda5302ed170ade0e75979aedb","href":"https://static.observableusercontent.com/files/9682709aeeb04e4eef77d7788682a69fde299e3c1ee2bbf690a6e3a795f0df751b0ac38578855d7bb4b88195358de582c664e2dda5302ed170ade0e75979aedb","name":"circle-question@3.svg","type":"image/svg+xml","lastModified":1735290133353.508,"size":776},{"id":"c426b75b918e9473e90d0aa91c7845cc9d0b19b29ed279051dfacb95ccc0e891b6096210f2b4f3b88104cfe99a6d858995c6f1e1242c20f4ec11a3a8f2d43e6f","href":"https://static.observableusercontent.com/files/c426b75b918e9473e90d0aa91c7845cc9d0b19b29ed279051dfacb95ccc0e891b6096210f2b4f3b88104cfe99a6d858995c6f1e1242c20f4ec11a3a8f2d43e6f","name":"mariage@11.csv","type":"text/csv","lastModified":1735290347299.948,"size":5822},{"id":"de4c443fc5c49c657f27c5f6698004272b7baa49fcf66d536bb932fe311ec06e1b624dd0000d368246223e5a2ccee5876decf0763ee56d63aa8c5c948e96138b","href":"https://static.observableusercontent.com/files/de4c443fc5c49c657f27c5f6698004272b7baa49fcf66d536bb932fe311ec06e1b624dd0000d368246223e5a2ccee5876decf0763ee56d63aa8c5c948e96138b","name":"mariage@12.csv","type":"text/csv","lastModified":1735291356273.528,"size":6600},{"id":"0a7d8bd8066f710a44bc36fbbcd9d92bf1d2ac79e3cca2dc616037355aeeb0c99d95d5c3f833ac03b1cfe9438f66991632f7e5148c4bc3e20d5d0cc6f11231a5","href":"https://static.observableusercontent.com/files/0a7d8bd8066f710a44bc36fbbcd9d92bf1d2ac79e3cca2dc616037355aeeb0c99d95d5c3f833ac03b1cfe9438f66991632f7e5148c4bc3e20d5d0cc6f11231a5","name":"mariage@13.csv","type":"text/csv","lastModified":1735291936875.17,"size":6603},{"id":"702d96ba91b074851ebaf384dce937c5ac5e7488d018eae447162b4c66b0fbc3117730e35d622f74f79260520c1f2dc1048497633dd306e9d7442745bf03f153","href":"https://static.observableusercontent.com/files/702d96ba91b074851ebaf384dce937c5ac5e7488d018eae447162b4c66b0fbc3117730e35d622f74f79260520c1f2dc1048497633dd306e9d7442745bf03f153","name":"4961998_logo_super hero_superman_icon.png","type":"image/png","lastModified":1735304146711.252,"size":1233},{"id":"02feccae346d31ff77ca9184b1f5f615736858061a583b431b94d842e9f416b684d289e471167d84cd4460507f286e6adb8380422cde6da3b12d4dc630642280","href":"https://static.observableusercontent.com/files/02feccae346d31ff77ca9184b1f5f615736858061a583b431b94d842e9f416b684d289e471167d84cd4460507f286e6adb8380422cde6da3b12d4dc630642280","name":"4961998_logo_super hero_superman_icon(1).png","type":"image/png","lastModified":1735304300264.167,"size":1646},{"id":"8883e236cdd3b4195de1263db05f473e5ce3a58f36cf463a42e0172ffd9372d7a138ea1b4e26636008eb0094573d1da6217a75ec516378b62568fdb22810d3e9","href":"https://static.observableusercontent.com/files/8883e236cdd3b4195de1263db05f473e5ce3a58f36cf463a42e0172ffd9372d7a138ea1b4e26636008eb0094573d1da6217a75ec516378b62568fdb22810d3e9","name":"mariage@14.csv","type":"text/csv","lastModified":1735402991487.136,"size":7171},{"id":"4d51d66ddba2c5fc7e20365762f1818b51e65a137d5349b5b0df3af4781ee7c11fc7bf1c03f4d9f23c45e39b2fe447e9fb838102f077f9ba7322deaa5171c4fa","href":"https://static.observableusercontent.com/files/4d51d66ddba2c5fc7e20365762f1818b51e65a137d5349b5b0df3af4781ee7c11fc7bf1c03f4d9f23c45e39b2fe447e9fb838102f077f9ba7322deaa5171c4fa","name":"mariage@15.csv","type":"text/csv","lastModified":1735403093325.921,"size":7170},{"id":"e90a931932c1892d0a77aa61a8792917cca4993de2a3563528cbce910e4f3b231163ee4809b46e02edfdf974bd06ee019692e45dea618aac5c3a5f9b8e315e75","href":"https://static.observableusercontent.com/files/e90a931932c1892d0a77aa61a8792917cca4993de2a3563528cbce910e4f3b231163ee4809b46e02edfdf974bd06ee019692e45dea618aac5c3a5f9b8e315e75","name":"mariage@16.csv","type":"text/csv","lastModified":1735403260469.048,"size":7737},{"id":"726af6e3e03c4828f38fbba7b8c02a8136e0c41f46867aabcca65867938c26499acafeb5c2e4ea3c685d5f3b5506d03be7f90dfaa71db51a38a05f4a21cea87e","href":"https://static.observableusercontent.com/files/726af6e3e03c4828f38fbba7b8c02a8136e0c41f46867aabcca65867938c26499acafeb5c2e4ea3c685d5f3b5506d03be7f90dfaa71db51a38a05f4a21cea87e","name":"mariage@17.csv","type":"text/csv","lastModified":1735404371040.963,"size":7728},{"id":"a995d8c2778fff45ee38dae871bfe34fc85818fd00d86a0421d4d48cf303813db5ccf4d247276cbc4542e53a6aebbd0167e12ec3da0312f334434d0b518a7691","href":"https://static.observableusercontent.com/files/a995d8c2778fff45ee38dae871bfe34fc85818fd00d86a0421d4d48cf303813db5ccf4d247276cbc4542e53a6aebbd0167e12ec3da0312f334434d0b518a7691","name":"mariage@18.csv","type":"text/csv","lastModified":1735404531732.076,"size":7429},{"id":"57d840a65558066fb2d1d97f8507d3e1f7f7006cc6139491572f3cc83c99b08c0bc283865da1125ff3ff52562b385a34922fb299260f7ca1209ec15c515e2b69","href":"https://static.observableusercontent.com/files/57d840a65558066fb2d1d97f8507d3e1f7f7006cc6139491572f3cc83c99b08c0bc283865da1125ff3ff52562b385a34922fb299260f7ca1209ec15c515e2b69","name":"mariage@6.csv","type":"text/csv","lastModified":1735212308877.166,"size":4023},{"id":"57d840a65558066fb2d1d97f8507d3e1f7f7006cc6139491572f3cc83c99b08c0bc283865da1125ff3ff52562b385a34922fb299260f7ca1209ec15c515e2b69","href":"https://static.observableusercontent.com/files/57d840a65558066fb2d1d97f8507d3e1f7f7006cc6139491572f3cc83c99b08c0bc283865da1125ff3ff52562b385a34922fb299260f7ca1209ec15c515e2b69","name":"mariage-6.csv","type":"text/csv","lastModified":1735219405923.123,"size":4023},{"id":"9ed1b3988bb76321abaf228760c890a263d8e0c901a5451c40f99b6b39f5568a7ba914a68abf2f2b3fee0032ee31e2fdc6e784c13a11885e4d6cec819c7e6f93","href":"https://static.observableusercontent.com/files/9ed1b3988bb76321abaf228760c890a263d8e0c901a5451c40f99b6b39f5568a7ba914a68abf2f2b3fee0032ee31e2fdc6e784c13a11885e4d6cec819c7e6f93","name":"mariage@7.csv","type":"text/csv","lastModified":1735219477382.385,"size":4759},{"id":"227adb6315791a7a55599f0dbb5dfa05d71653fd72ba00c88a3c231b5c48a597f9828d1781c2cfbb5ec0e906b36a5073dd8776b6cf9056a7f6e3aac52da015e0","href":"https://static.observableusercontent.com/files/227adb6315791a7a55599f0dbb5dfa05d71653fd72ba00c88a3c231b5c48a597f9828d1781c2cfbb5ec0e906b36a5073dd8776b6cf9056a7f6e3aac52da015e0","name":"mariage@19.csv","type":"text/csv","lastModified":1735572516046.912,"size":7529},{"id":"3301d0fc221c7e51bcb94e02b7f0c41d22af3e6ecea3c259b0ad17ec89a84c2a70108364216f13f539179504a0a5f7c1b97d8db01a37620137e30ad1bdf84cda","href":"https://static.observableusercontent.com/files/3301d0fc221c7e51bcb94e02b7f0c41d22af3e6ecea3c259b0ad17ec89a84c2a70108364216f13f539179504a0a5f7c1b97d8db01a37620137e30ad1bdf84cda","name":"mariage@20.csv","type":"text/csv","lastModified":1735807047300.96,"size":11491},{"id":"6cf6f9fecf1e949530ca506625c865acef05d1d2c9c1494caa093b1d968e15af4d6947702269284c1af26e6346efa8b7725c587464bea2eae8c1a0de8b014357","href":"https://static.observableusercontent.com/files/6cf6f9fecf1e949530ca506625c865acef05d1d2c9c1494caa093b1d968e15af4d6947702269284c1af26e6346efa8b7725c587464bea2eae8c1a0de8b014357","name":"mariage@21.csv","type":"text/csv","lastModified":1735824170194.584,"size":15194},{"id":"4b9ea252f8e12d673c410bea5ea48f78285b0ca542f3dc821edde0fc07ad1a63a4252846693d053440b71d8c86191dbfaeda562f76e64a412d2ceea53a9005f9","href":"https://static.observableusercontent.com/files/4b9ea252f8e12d673c410bea5ea48f78285b0ca542f3dc821edde0fc07ad1a63a4252846693d053440b71d8c86191dbfaeda562f76e64a412d2ceea53a9005f9","name":"mariage@22.csv","type":"text/csv","lastModified":1735829130856.853,"size":13473},{"id":"baaabc614013e084a14fa5f056ba49b7045e274a70909279d7b9a58cc0adf47609d4c855785bed3b0252d286f0cc443d6d18f2dde03693a2b2ad646dbef4c7c4","href":"https://static.observableusercontent.com/files/baaabc614013e084a14fa5f056ba49b7045e274a70909279d7b9a58cc0adf47609d4c855785bed3b0252d286f0cc443d6d18f2dde03693a2b2ad646dbef4c7c4","name":"mariage@23.csv","type":"text/csv","lastModified":1735833829332.747,"size":13473}] 2d:{"title":"Test animation courbes avec commentaires dynamiques","cells":[{"id":0,"value":"# Test animation courbes avec commentaires dynamiques","pinned":false,"hidden":false,"mode":"md"},{"id":1067,"value":"* Devenu un peu (beaucoup) bordélique\n* aller sur pour du polish.\n* Je pense qu'il ne faut pas avoir trop d'ambition sur l'affichage dynamique des commentaires si on souhaite un responsive lisible. Et c'est vraiment une galère à gérer, donc chronoph

Les 2 graphiques animés n'ont pas vocation à être imprimable.
Une solution imprimable pour le 3ème graph

`\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":351,"value":"* Deux versions:\n * Une sans déroulé sur les années\n * Une avec déroulé sur les années","pinned":false,"hidden":false,"mode":"md"},{"id":566,"value":"import {displayCaution} from \"@mkfreeman/utilities\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":264,"value":"import {Scrubber} from \"@mbostock/scrubber\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1137,"value":"import { SummaryTable } from \"@observablehq/summary-table\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1150,"value":"SummaryTable(mariage)","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"mariage = FileAttachment(\"mariage@23.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":852,"value":"choixAnnée = mariage.map(d => d.Année.toLocaleString(undefined, {useGrouping: false}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":890,"value":"size = width","pinned":true,"hidden":false,"mode":"ojs"},{"id":892,"value":"w = {\n let n;\n if (size>=400) {return n=1} \n else {return n=2}}","pinned":true,"hidden":false,"mode":"ojs"},{"id":868,"value":"viewof select = Inputs.select(choixAnnée, {value: \"2022\", label: \"Select one\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"viewof year = Scrubber(d3.sort(mariage.map((d) => d.Année)), {loop: false, delay: 1000 / range})","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"viewof range = Inputs.range([1, 20], {label: \"Vitesse de l'animation\", value: 7, step: 1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":341,"value":"# Version 1: pas de déroulé sur les années","pinned":false,"hidden":false,"mode":"md"},{"id":193,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":1003,"value":"viewof year3 = Scrubber(d3.sort(mariage.map((d) => d.Année)), {loop: false, delay: 100})","pinned":true,"hidden":false,"mode":"ojs"},{"id":989,"value":"Plot.plot({\nheight: 300,\nwidth: 600, \nmarginTop:10,\nmarginLeft: 80, \nmarginRight: 30,\nmarginBottom: 40, \nx: {tickFormat: \"d\"},\ny: {ticks:0, domain:[20,35]}, \ncolor: {legend: true, domain: [\"Hommes\", \"Femmes\"], range: [\"#ff554e\", \"#ffd34e\"]},\n marks: [\nPlot.lineY(mariage, {filter: (d) => d.Année <= year3, x: \"Année\", y:\"ageH\", stroke: \"#ff554e\", strokeWidth: 2}),\nPlot.lineY(mariage, {filter: (d) => d.Année <= year3, x: \"Année\", y:\"ageF\", stroke: \"#ffd34e\", strokeWidth: 2}),\n\nPlot.text(mariage, {filter: (d) => d.Année == year3, x: \"Année\", dx:17, dy:-3, y:\"ageH\", text: \"ageH\"}),\nPlot.text(mariage, {filter: (d) => d.Année == year3, x: \"Année\", dx:17, dy:3, y:\"ageF\", text: \"ageF\"}), \nPlot.text([\"Age au mariage\"], {x:d=>1944, y: d=>26, fontSize:14, textAnchor: \"end\"}),\n\n Plot.ruleY([20]),\n\n \n ]\n \n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":347,"value":"# Version 2: déroulé sur les années","pinned":false,"hidden":false,"mode":"md"},{"id":411,"value":"viewof year2 = Scrubber(d3.sort(mariage.map((d) => d.Année)), {loop: false, delay: 1000 / range})","pinned":false,"hidden":false,"mode":"ojs"},{"id":345,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":454,"value":"icone = FileAttachment(\"circle-question@3.svg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":850,"value":"* On peut ajouter des liens au texte. Par exemple ici, pour chaque commentaire on peut renvoyer à un article externe","pinned":false,"hidden":false,"mode":"md"},{"id":585,"value":"# Version imprimable (sans animation)","pinned":false,"hidden":false,"mode":"md"},{"id":587,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1069,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":776,"value":"sm = FileAttachment(\"4961998_logo_super hero_superman_icon(1).png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":490,"value":"$33","pinned":false,"hidden":false,"mode":"html"}],"files":"$W34","stdlib":"1","titling":"auto"}