2f:Tc12,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=> `Vietnam\n${d.properties.regionEn}\n${d.properties.n.toFixed(1)}`, 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: "Kilometers", // }); // Texte pays et mers // cambodge v.text({ pos: [104.90370390000567,12.717655000614434], coords: "geo", text: "Cambodia", 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: "Thailand", fontSize: 14, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // Chine v.text({ pos: [102.77433185772236,23.5], coords: "geo", text: "China", fontSize: 14, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // golfe thailande v.text({ pos: [102.40370390000567,10.417655000614434], coords: "geo", text: "Gulf\nof\nThailand", fontSize: 10, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // mer de chine méridionale v.text({ pos: [108.80641100652027,17.201036761473608], coords: "geo", text: "South\nChina Sea", fontSize: 10, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); // Golde du Tonkin v.text({ pos: [108.57433185772236,20.5], coords: "geo", text: "Gulf\nof\nTonkin", fontSize: 10, textAnchor:"middle", fontFamily: "poppins", fill: "#222330" }); return v.render(); }30:T83e,boxPlotGraph5 = htl.html `

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

G. Pison, C. Scornet, Population & Societies, 645, June 2026, INED.

Note: For the country as a whole, the male-to-female ratio is 110.7 boys per 100 girls.

Source: Authors’ calculations based on data published by the National Statistics Office of Vietnam [6].

`31:[{"id":"640eab66a9c8b0e10549a6a8bd2ad4fea28c1a7472993012ecc01453fffc658f61f78536d430957f3b57c431422087737f9f9edea45ce1ec878a1976ce8d390e","href":"https://static.observableusercontent.com/files/640eab66a9c8b0e10549a6a8bd2ad4fea28c1a7472993012ecc01453fffc658f61f78536d430957f3b57c431422087737f9f9edea45ce1ec878a1976ce8d390e","name":"vtReg(2).json","type":"application/json","lastModified":1781692646175.382,"size":16659},{"id":"0dd17ceea9f1d52ac64035d2166542101269e40fa1b6f1a0c39e43dfae4379bdeda2f4244763dfa0c316355f88f2c08547f79b54c406d3c9656a23f6d7a0c6ed","href":"https://static.observableusercontent.com/files/0dd17ceea9f1d52ac64035d2166542101269e40fa1b6f1a0c39e43dfae4379bdeda2f4244763dfa0c316355f88f2c08547f79b54c406d3c9656a23f6d7a0c6ed","name":"n645_5@3.csv","type":"text/csv","lastModified":1781692646175.382,"size":299},{"id":"107073c28442ec8defa8cd0698d6d0af31e5dc7ccf89ae9ec773a7a3adc499077ab0e2f473b6fac47da0da7ee00fd7c1d654273c6bd39f82cc72729a0a8e8281","href":"https://static.observableusercontent.com/files/107073c28442ec8defa8cd0698d6d0af31e5dc7ccf89ae9ec773a7a3adc499077ab0e2f473b6fac47da0da7ee00fd7c1d654273c6bd39f82cc72729a0a8e8281","name":"se_asia_example@1.json","type":"application/json","lastModified":1781692646175.382,"size":95899},{"id":"1122c4d2031b0c8c1d21f5251e491668632347a97c5cf0e4d6388b2ccf77020f076bc46308d322168a7232739e4ad1bd7455e4274ef610fb83d74a18d7adccab","href":"https://static.observableusercontent.com/files/1122c4d2031b0c8c1d21f5251e491668632347a97c5cf0e4d6388b2ccf77020f076bc46308d322168a7232739e4ad1bd7455e4274ef610fb83d74a18d7adccab","name":"n645_5.csv","type":"text/csv","lastModified":1781696225486.122,"size":414}] 2d:{"title":"Population & societies: n645 map EN","cells":[{"id":0,"value":"# Population & societies: n645 map EN","pinned":false,"hidden":false,"mode":"md"},{"id":614,"value":"* Link to the article on the INED website : ","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":true,"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.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":true,"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":true,"hidden":false,"mode":"ojs"},{"id":321,"value":"title5 = html`

Figure 5. Male-to-female ratio at birth by major region in Vietnam, 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:\"Number of boys per 100 girls\", title: false, missing:false})","pinned":true,"hidden":false,"mode":"ojs"},{"id":470,"value":"centroids_latlon = viz.tool.centroid(pays);","pinned":true,"hidden":false,"mode":"ojs"},{"id":474,"value":"centroids_xy = viz.tool.project(centroids_latlon, {\n projection: svg.projection})","pinned":true,"hidden":false,"mode":"ojs"},{"id":141,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":385,"value":"$30","pinned":true,"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"}