2b:null 2c:["$","title",null,{"children":"Choropleth Map - Average Vacation Days | Ekaette @MultiHyphs | Observable"}] 31:T778,html`

Global Airbnb Market Map

${chart}

Executive Summary

This Choropleth Map visualizes the global distribution of average vacation days by country, using compiled real-world data from international labor policy benchmarks (e.g., OECD guidelines, statutory leave policies, and regional labor standards). Built using D3.js, this interactive visualization leverages techniques such as geographic projections, TopoJSON mapping, animated transitions, and dynamic color scaling to clearly communicate patterns across regions. The darker the color, the higher the average vacation days, allowing for immediate visual comparison.

From a data perspective, the map highlights how countries with more regulated labor markets tend to mandate higher minimum paid leave, resulting in significantly greater vacation time compared to less regulated economies. From a business and strategy lens, this insight is highly actionable: when recruiting travel partnerships, targeting countries with both higher vacation availability and geographic proximity to key accommodation hubs can drive stronger engagement and conversion. These markets often represent untapped demand, especially when aligned with destinations that have a high vacancy of unused rooms, creating clear opportunities for optimized marketing strategies, pricing models, and overall occupancy growth.

Interactive Country and Vacation Days Table

${tableChart2}

`32:Tbd6,data = new Map([ ["Afghanistan",35],["Albania",40],["Algeria",41],["Andorra",45],["Angola",33], ["Antigua and Barbuda",23],["Argentina",29],["Armenia",36],["Australia",30], ["Austria",38],["Azerbaijan",40],["Bahamas",20],["Bahrain",44],["Bangladesh",21], ["Barbados",15],["Belarus",33],["Belgium",30],["Belize",27],["Benin",37], ["Bhutan",9],["Bolivia (Plurinational State of)",31],["Bosnia and Herzegovina",35], ["Botswana",29],["Brazil",28],["Brunei Darussalam",18],["Bulgaria",32], ["Burkina Faso",45],["Burundi",30],["Cambodia",45],["Cameroon",18], ["Canada",25],["Cabo Verde",22],["Central African Republic",24],["Chad",27], ["Chile",30],["China",23],["Colombia",33],["Comoros",25],["Costa Rica",19], ["Croatia",33],["Cuba",33],["Cyprus",34],["Czech Republic",33],["Denmark",37.5], ["Djibouti",35],["Dominica",22],["Dominican Republic",23], ["Democratic Republic of the Congo",12],["Ecuador",23],["Egypt",34], ["El Salvador",26],["Equatorial Guinea",30],["Eritrea",12],["Estonia",39], ["Ethiopia",25],["Fiji",22],["Finland",36],["France",42],["Gabon",34], ["Gambia",21],["Georgia",39],["Germany",30],["Ghana",28],["Greece",29], ["Grenada",23],["Guatemala",25],["Guinea",33],["Guinea-Bissau",22], ["Guyana",12],["Haiti",27],["Honduras",19],["Hungary",33],["Iceland",38], ["India",35],["Indonesia",30],["Iran (Islamic Republic of)",53],["Iraq",20], ["Ireland",30],["Israel",21],["Italy",32],["Côte d’Ivoire",34],["Jamaica",10], ["Japan",15],["Jordan",26],["Kazakhstan",40],["Kenya",31],["Kiribati",46], ["Kuwait",43],["Kyrgyzstan",20],["Lao PDR",15],["Latvia",32],["Lebanon",37], ["Lesotho",22],["Liberia",21],["Libya",22],["Lithuania",34],["Luxembourg",42], ["Madagascar",35],["Malawi",15],["Malaysia",19],["Maldives",22],["Mali",22], ["Malta",41],["Mauritania",22],["Mauritius",38],["Mexico",19], ["Republic of Moldova",20],["Mongolia",15],["Montenegro",21],["Morocco",25], ["Mozambique",19],["Myanmar (Burma)",24],["Namibia",20],["Nepal",28], ["Netherlands",28],["New Zealand",32],["Nicaragua",20],["Niger",33], ["Nigeria",15],["North Macedonia",32],["Norway",35],["Oman",31], ["Pakistan",29],["Panama",40],["Paraguay",22],["Peru",28.5], ["Philippines",17],["Poland",36],["Portugal",31],["Qatar",25], ["Congo",26],["Romania",37],["Russian Federation",42.5],["Rwanda",26], ["Saudi Arabia",30],["Senegal",32],["Serbia",31],["Seychelles",34], ["Sierra Leone",18],["Singapore",21.5],["Slovakia",34],["Slovenia",33], ["Somalia",22],["South Africa",27],["Republic of Korea",35], ["South Sudan",32],["Spain",36],["Sri Lanka",40],["Sudan",20], ["Suriname",30],["Sweden",34],["Switzerland",27],["Syrian Arab Republic",37], ["United Republic of Tanzania",37],["Thailand",19],["Timor-Leste",12], ["Togo",22],["Trinidad and Tobago",24],["Tunisia",16],["Turkey",26.5], ["Uganda",28],["Ukraine",37],["United Arab Emirates",44], ["United Kingdom",29],["United States of America",10],["Uruguay",25], ["Uzbekistan",15],["Vanuatu",15],["Venezuela (Bolivarian Republic of)",29], ["Viet Nam",23],["Yemen",37],["Zambia",31],["Zimbabwe",33] ])33:T1162,chart = { const width = 1920 const height = 1080 const svg = d3.create("svg") .attr("viewBox", `0 0 ${width} ${height}`) .style("width", "100%") .style("height", "auto") .style("background", "#fbf1f4") const world = await d3.json("https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json") const countries = topojson.feature(world, world.objects.countries).features const projection = d3.geoNaturalEarth1() .fitExtent([[80, 100],[width-80, height-180]], {type:"Sphere"}) const path = d3.geoPath(projection) const color = d3.scaleLinear() .domain([0,50]) .range(["#ffffff","#00a699"]) // TITLE svg.append("text") .attr("x", width/2) .attr("y", 50) .attr("text-anchor","middle") .style("font-size","28px") .style("font-weight","bold") .text("Average Vacation Days by Country") // ================= LEGEND ================= const legend = svg.append("g") .attr("transform","translate(60,85)") legend.append("rect") .attr("width",240) .attr("height",60) .attr("rx",12) // rounded edges .attr("fill","#fff") .attr("stroke","#d4af37") // gold border .attr("stroke-width",1.5) const defs = svg.append("defs") const grad = defs.append("linearGradient").attr("id","grad") grad.append("stop").attr("offset","0%").attr("stop-color","#ffffff") grad.append("stop").attr("offset","100%").attr("stop-color","#00a699") legend.append("text") .attr("x",15) .attr("y",18) .style("font-size","12px") .style("font-weight","bold") .text("Vacation Days") legend.append("rect") .attr("x",15) .attr("y",28) .attr("width",180) .attr("height",10) .attr("fill","url(#grad)") legend.append("text") .attr("x",15) .attr("y",50) .style("font-size","11px") .text("0 (lighter)") legend.append("text") .attr("x",150) .attr("y",50) .style("font-size","11px") .text("50+ (darker)") // ================= MAP ================= const g = svg.append("g") const paths = g.selectAll("path") .data(countries) .join("path") .attr("d", path) .attr("fill","#fff") .attr("stroke","#999") .attr("opacity",0) paths.transition().delay(1000).duration(1500).attr("opacity",1) paths.transition() .delay(2500) .duration(2000) .attr("fill", d => { const val = data.get(d.properties.name) return val ? color(val) : "#ffffff" }) // ================= BOTTOM BOX ================= const boxHeight = 140 const boxY = height - boxHeight const box = svg.append("g") .attr("transform",`translate(0,${boxY})`) .style("opacity",0) box.append("rect") .attr("width",width) .attr("height",boxHeight) .attr("fill","#fff") box.append("rect") .attr("width",width) .attr("height",5) .attr("fill","#00a699") // TITLE box.append("text") .attr("x",width/2) .attr("y",22) .attr("text-anchor","middle") .style("font-weight","bold") .text("Top Countries by Vacation Days by Continent") // ================= REGIONS ================= const regions = { "North America":["United States of America","Canada","Mexico"], "South America":["Brazil","Argentina","Chile","Peru","Colombia"], "Europe":["Luxembourg","Germany","Spain","Italy","United Kingdom"], "Africa":["Algeria","Nigeria","Kenya","South Africa"], "Asia":["Japan","India","China","Iran"], // Iran short name "Australia":["Australia","New Zealand"] } // compute top const top = Object.entries(regions).map(([region, list])=>{ let best=null, max=-1 list.forEach(c=>{ const v=data.get(c) if(v && v>max){max=v; best=c} }) return {region,country:best,value:max} }) // ================= MINI SHAPES (FIXED PROPERLY) ================= const size = 50 // bigger + visible const group = box.selectAll("g") .data(top) .join("g") .attr("transform",(d,i)=>`translate(${(i+1)*(width/(top.length+1))},70)`) group.append("path") .attr("d", d=>{ const geo = countries.find(c => c.properties.name === d.country || (d.country === "Iran" && c.properties.name === "Iran (Islamic Republic of)") ) if(!geo) return null const projMini = d3.geoMercator() .fitSize([size, size], geo) const miniPath = d3.geoPath(projMini) return miniPath(geo) }) .attr("fill", d=>color(d.value)) .attr("stroke","#333") // labels group.append("text") .attr("y",65) .attr("text-anchor","middle") .style("font-size","12px") .text(d=>`${d.country} (${d.value})`) // show box.transition() .delay(10000) .duration(1000) .style("opacity",1) return svg.node() }34:Ta7f,tableChart2 = { // FIXED DATA LABELS INLINE const dataset = vacationData.map(d => ({ country: d.country === "Iran (Islamic Republic of)" ? "Iran" : d.country === "Venezuela (Bolivarian Republic of)" ? "Venezuela" : d.country === "Bolivia (Plurinational State of)" ? "Bolivia" : d.country, days: d.days })); const width = 1500; const barMaxWidth = 650; const container = d3.create("div") .style("background", "#fdecef") .style("padding", "20px") .style("border-radius", "12px") .style("font-family", "Arial") .style("width", width + "px") .style("margin", "0 auto"); const table = container.append("table") .style("width", "100%") .style("border-collapse", "collapse"); // HEADER const headerRow = table.append("thead").append("tr"); headerRow.append("th") .text("Country") .style("padding", "12px") .style("text-align", "left") .style("width", "500px") // ⬅️ DOUBLED WIDTH .style("border-bottom", "3px solid #00a699"); headerRow.append("th") .text("Vacation Days") .style("padding", "12px") .style("text-align", "left") .style("width", "200px") .style("border-bottom", "3px solid #00a699"); headerRow.append("th") .text("Distribution (days)") .style("padding", "12px") .style("text-align", "left") .style("border-bottom", "3px solid #00a699"); // SCALES const maxDays = d3.max(dataset, d => d.days); const widthScale = d3.scaleLinear() .domain([0, maxDays]) .range([0, barMaxWidth]); const colorScale = d3.scaleLinear() .domain([0, maxDays]) .range(["#ffffff", "#00a699"]); // BODY const rows = table.append("tbody") .selectAll("tr") .data(dataset) .join("tr"); // COUNTRY (NO WRAP) rows.append("td") .text(d => d.country) .style("padding", "8px") .style("white-space", "nowrap") // ⬅️ PREVENT LINE BREAK .style("border-bottom", "1px solid #eee"); // DAYS (BLACK) rows.append("td") .text(d => d.days + " days") .style("padding", "8px") .style("color", "#000") .style("border-bottom", "1px solid #eee"); // BAR COLUMN const barCell = rows.append("td") .style("padding", "8px") .style("border-bottom", "1px solid #eee"); const bars = barCell.append("div") .style("height", "14px") .style("width", "1px") .style("background", d => colorScale(d.days)) .style("border-radius", "7px"); // ANIMATION bars.transition() .duration(1500) .delay((d, i) => i * 3) .style("width", d => widthScale(d.days) + "px"); container.style("zoom", "0.75"); return container.node(); return container.node(); }35:[] 2f:{"id":"580ef2e1015e366e","slug":null,"title":"Choropleth Map - Average Vacation Days","thumbnail":"00ba722decd906dfe8e22ecfdd672f9023bdba5b6e37cea0a166be592050ef33","access_level":"unlisted","create_time":"$D2026-05-26T21:43:48.935Z","update_time":"$D2026-06-06T19:12:35.082Z","view_time":null,"first_public_time":"$D2026-05-27T04:08:24.383Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"723694178de5f42f","login":"ekaette-multihyphs","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":"starter_2024"},"version":71,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"801a54980e684d7c","login":"ekaettes","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":null}],"members":[{"type":"team","id":"723694178de5f42f","login":"ekaette-multihyphs","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":"starter_2024","role":"editor"},{"type":"individual","id":"801a54980e684d7c","login":"ekaettes","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Choropleth Map - Average Vacation Days","cells":[{"id":0,"value":"# Choropleth Map - Average Vacation Days","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require(\"d3@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"//\n// GLOBAL ANIMATION TOGGLE\n//\n// Turn OFF to pause all animations\n// and improve notebook performance.\n//\n\nviewof playing = Inputs.toggle({\n label: \"Animate\",\n value: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"vacationData = Array.from(data, ([country, days]) => ({ country, days }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"//\n// DUPLICATE CONTROL BUTTON\n//\n// This controls the SAME animation state\n// as the main toggle above.\n//\n\nInputs.bind(\n Inputs.toggle({ label: \"Animate\" }),\n viewof playing\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"