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

`30:[{"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}] 2c:{"id":"5a2d60e59eaf73c3","slug":null,"title":"n645 map EN","thumbnail":"8a0c4f781edf569678bf8ad61c482ad0514b76f2560e4c599fab349112be2db7","access_level":"public","create_time":"$D2026-06-17T10:37:26.175Z","update_time":"$D2026-09-18T19:44:01.753Z","view_time":null,"first_public_time":"$D2026-06-17T10:37:26.175Z","has_unpublished_edits":null,"fork":{"id":"241d1275e10dbbc2","slug":null,"title":"n645 carte FR","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"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":621,"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":0,"collection":{"id":"a20b4aab0917edfa","slug":"n645","title":"n645","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"type":"notebook","body":{"titling":"auto","title":"n645 map EN","cells":[{"id":0,"value":"# n645 map EN","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"pal100[4]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"viz = require(\"geoviz@0.8.1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"d3geo = require(\"d3-geo-projection\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"## Données","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":185,"value":"**8 regions vt**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":140,"value":"regViet = FileAttachment(\"vtReg(2).json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"regViet2 = topojson.feature(regViet, regViet.objects.vtReg)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"df = FileAttachment(\"n645_5.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"vietN = merge.featureCollection","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"**=> pays + regions admin vt**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":126,"value":"fond = FileAttachment(\"se_asia_example@1.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"vt = topojson.feature(fond, fond.objects.provinces);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"pays = topojson.feature(fond, fond.objects.countries)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"## Carte","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"function path(geom) {\n return d3.geoPath(d3geo.geoMiller().fitSize([width, width], geom))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"centroids_latlon = viz.tool.centroid(pays);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"centroids_xy = viz.tool.project(centroids_latlon, {\n projection: svg.projection})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"## CSS","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":278,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2d:"$2c:body"