2f:Tc33,graph5 = { let v = viz.create({ domain: vietN, projection: "mercator", zoomable: false, width: width>600 ? 330 : 270, margin: [40,15,50,40], }); v.plot({ type: "outline", fill: "#b5dffd" }); v.path({ data: pays, fill: "#f1f1f1", stroke: "#d1d1d1", strokeWidth: 1.3, }); const data = vietN.features.map((d) => d.properties.n); const choro = viz.tool.choro(data, { breaks: [106,109,112,115,118,121], colors: "Reds", }); v.path({ data: vietN, fill: (d) => choro.colorize(d.properties.n), stroke: "#222330", strokeWidth: .5, tip: true, tip: d=> `Viêt Nam\n${d.properties.region}\n${d.properties.n.toFixed(1).replace(".",",")}`, tipstyle: { background: "white", stroke: "transparent", strokeWidth: 1, fontFamily: "Poppins", textDecoration: "none", overFill: (d) => choro.colorize(d.properties.n), overOpacity: 1, overFillOpacity: 1, overStroke: "#222330", overStrokeOpacity: 1, overStrokeWidth: .5, raise: true }, filter: v.effect.shadow({ stdDeviation: 1.5, fill: "#222330", fillOpacity: 1, dx: 2, dy: 2 }) }); // v.scalebar({ // tickValues: [0, 100], // distance: 200, // label: "Kilomètres", // }); // Texte pays et mers // cambodge v.text({ pos: [104.90370390000567,12.717655000614434], coords: "geo", text: "Cambodge", fontSize: 14, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // laos v.text({ pos: [102.77433185772236,19.5], coords: "geo", text: "Laos", fontSize: 14, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // Thailande v.text({ pos: [102.90641100652027,16.101036761473608], coords: "geo", text: "Thailande", fontSize: 14, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // laos v.text({ pos: [102.77433185772236,23.5], coords: "geo", text: "Chine", fontSize: 14, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // golfe thailande v.text({ pos: [102.40370390000567,10.417655000614434], coords: "geo", text: "Golfe\nde\nThaïlande", fontSize: 10, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // mer de chine méridionale v.text({ pos: [108.80641100652027,17.201036761473608], coords: "geo", text: "Mer\nde Chine\nméridionale", fontSize: 10, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // Golde du Tonkin v.text({ pos: [108.57433185772236,20.5], coords: "geo", text: "Golde\ndu\nTonkin", fontSize: 10, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); return v.render(); }30:T9af,boxPlotGraph5 = htl.html `

${title5} ${legend5}
${graph5}

G. Pison, C. Scornet, Population et Sociétés, 645, juin 2026, Ined.

Note : Pour l’ensemble du pays, le rapport de masculinité est 110,7 garçons pour 100 filles.

Source : Calculs des auteurs à partir des données publiées par le Bureau national de statistiques [6].

`31:[{"id":"107073c28442ec8defa8cd0698d6d0af31e5dc7ccf89ae9ec773a7a3adc499077ab0e2f473b6fac47da0da7ee00fd7c1d654273c6bd39f82cc72729a0a8e8281","href":"https://static.observableusercontent.com/files/107073c28442ec8defa8cd0698d6d0af31e5dc7ccf89ae9ec773a7a3adc499077ab0e2f473b6fac47da0da7ee00fd7c1d654273c6bd39f82cc72729a0a8e8281","name":"se_asia_example@1.json","type":"application/json","lastModified":1780031272094.034,"size":95899},{"id":"0dd17ceea9f1d52ac64035d2166542101269e40fa1b6f1a0c39e43dfae4379bdeda2f4244763dfa0c316355f88f2c08547f79b54c406d3c9656a23f6d7a0c6ed","href":"https://static.observableusercontent.com/files/0dd17ceea9f1d52ac64035d2166542101269e40fa1b6f1a0c39e43dfae4379bdeda2f4244763dfa0c316355f88f2c08547f79b54c406d3c9656a23f6d7a0c6ed","name":"n645_5@3.csv","type":"text/csv","lastModified":1780035829029.614,"size":299},{"id":"640eab66a9c8b0e10549a6a8bd2ad4fea28c1a7472993012ecc01453fffc658f61f78536d430957f3b57c431422087737f9f9edea45ce1ec878a1976ce8d390e","href":"https://static.observableusercontent.com/files/640eab66a9c8b0e10549a6a8bd2ad4fea28c1a7472993012ecc01453fffc658f61f78536d430957f3b57c431422087737f9f9edea45ce1ec878a1976ce8d390e","name":"vtReg(2).json","type":"application/json","lastModified":1780032694445.442,"size":16659}] 2d:{"title":"Population et sociétés: n645 carte FR","cells":[{"id":0,"value":"# Population et sociétés: n645 carte FR","pinned":false,"hidden":false,"mode":"md"},{"id":602,"value":"* Lien vers l'article sur le site de l'Ined : ","pinned":false,"hidden":false,"mode":"md"},{"id":175,"value":"pal100 = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#0042eb\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#222330\", //black\n \"#d1d1d1\" //gris\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"pal100[4]","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"viz = require(\"geoviz@0.8.1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"d3geo = require(\"d3-geo-projection\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"## Données","pinned":false,"hidden":false,"mode":"md"},{"id":185,"value":"**8 regions vt**","pinned":false,"hidden":false,"mode":"md"},{"id":140,"value":"regViet = FileAttachment(\"vtReg(2).json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"value":"regViet2 = topojson.feature(regViet, regViet.objects.vtReg)","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"df = FileAttachment(\"n645_5@3.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"merge = viz.tool.merge({\n geom: regViet2,\n geom_id: \"region\",\n data:df,\n data_id: \"region\" \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"vietN = merge.featureCollection","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"**=> pays + regions admin vt**","pinned":false,"hidden":false,"mode":"md"},{"id":126,"value":"fond = FileAttachment(\"se_asia_example@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"vt = topojson.feature(fond, fond.objects.provinces);","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"pays = topojson.feature(fond, fond.objects.countries)","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"## Carte","pinned":false,"hidden":false,"mode":"md"},{"id":45,"value":"function path(geom) {\n return d3.geoPath(d3geo.geoMiller().fitSize([width, width], geom))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":305,"value":"choro = viz.tool.choro(\n vietN.features.map((d) => d.properties.gdppc),\n { palette: \"Reds\", breaks: [106,109,112,115,118,121] }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"title5 = html`

Figure 5. Rapport de masculinité à la naissance par grande région au Viêt Nam en 2024

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"legend5 = viz.legend.choro_horizontal({breaks: choro.breaks, colors: ['#fee5d9','#fcae91','#fb6a4a','#de2d26','#a50f15'], subtitle:\"Nombre de garçons pour 100 filles\", title: false, missing:false})","pinned":false,"hidden":false,"mode":"ojs"},{"id":470,"value":"centroids_latlon = viz.tool.centroid(pays);","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"centroids_xy = viz.tool.project(centroids_latlon, {\n projection: svg.projection})","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":385,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"## CSS","pinned":false,"hidden":false,"mode":"md"},{"id":278,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W31","stdlib":"1","titling":"auto"}