High-Density Regional Dot Map with SVG Export<\/title><br \/>\n <script src=\"https:\/\/d3js.org\/d3.v7.min.js\"><\/script><br \/>\n <script src=\"https:\/\/d3js.org\/d3-geo-projection.v4.min.js\"><\/script><br \/>\n <script src=\"https:\/\/unpkg.com\/topojson-client@3\"><\/script><\/p>\n<style>\n body {\n margin: 0;\n padding: 0;\n background-color: #444;\n color: #fff;\n font-family: sans-serif;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n height: 100vh;\n }<\/p>\n<p> #controls {\n padding: 20px;\n background: rgba(20, 20, 20, 0.95);\n display: flex;\n flex-direction: column;\n gap: 15px;\n z-index: 10;\n border-bottom: 1px solid #333;\n }<\/p>\n<p> .header-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }<\/p>\n<p> .control-row {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n }<\/p>\n<p> .control-group {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n }<\/p>\n<p> label { cursor: pointer; font-size: 15px; user-select: none; }\n input[type=\"checkbox\"] { \n cursor: pointer; \n accent-color: #57bfff; \n width: 18px; \n height: 18px; \n }<\/p>\n<p> button.export-btn {\n background-color: #57bfff;\n color: #000;\n border: none;\n padding: 8px 16px;\n font-size: 14px;\n font-weight: bold;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s;\n }<\/p>\n<p> button.export-btn:hover {\n background-color: #3caee6;\n }<\/p>\n<p> canvas {\n flex-grow: 1;\n touch-action: none;\n }<\/p>\n<p> .loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 1.2rem;\n color: #57bfff;\n pointer-events: none;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div id=\"controls\">\n<div class=\"header-row\">\n<div style=\"font-weight: bold; color: #ccc;\">Select Regions to Highlight:<\/div>\n<p> <button id=\"exportSvgBtn\" class=\"export-btn\" disabled>Export to SVG<\/button>\n <\/div>\n<div class=\"control-row\">\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"americas\" value=\"americas\"><br \/>\n <label for=\"americas\">1. The Americas<\/label>\n <\/div>\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"emea\" value=\"emea\"><br \/>\n <label for=\"emea\">2. EMEA<\/label>\n <\/div>\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"apac\" value=\"apac\"><br \/>\n <label for=\"apac\">3. Asia Pacific<\/label>\n <\/div>\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"latam\" value=\"latam\"><br \/>\n <label for=\"latam\">4. LATAM & Iberoam\u00e9rica<\/label>\n <\/div>\n<\/p><\/div>\n<\/div>\n<div id=\"loadingText\" class=\"loading\">Loading Geographic Data…<\/div>\n<p><canvas id=\"mapCanvas\"><\/canvas><\/p>\n<p><script>\n const canvas = document.getElementById('mapCanvas');\n const ctx = canvas.getContext('2d', { willReadFrequently: true });<\/p>\n<p> \/\/ Hidden canvas for country border collision detection\n const hiddenCanvas = document.createElement('canvas');\n const hiddenCtx = hiddenCanvas.getContext('2d', { willReadFrequently: true });<\/p>\n<p> const checkboxes = document.querySelectorAll('input[type=\"checkbox\"]');\n const loadingText = document.getElementById('loadingText');\n const exportBtn = document.getElementById('exportSvgBtn');<\/p>\n<p> \/\/ Aesthetics configuration\n const dotSize = 4;\n const dotGap = 4;\n const highlightColor = '#57bfff';\n const defaultColor = '#ffffff';<\/p>\n<p> let countriesData = [];\n let colorToCountry = {};\n let activeRegions = new Set();\n let countryIsActive = {}; <\/p>\n<p> \/\/ Regional mappings\n const regionMapping = {\n americas: [\n \"Canada\", \"United States of America\", \"Mexico\", \"Greenland\", \"Guatemala\", \"Belize\", \"El Salvador\", \n \"Honduras\", \"Nicaragua\", \"Costa Rica\", \"Panama\", \"Colombia\", \"Venezuela\", \"Guyana\", \"Suriname\", \n \"Ecuador\", \"Peru\", \"Brazil\", \"Bolivia\", \"Paraguay\", \"Chile\", \"Argentina\", \"Uruguay\", \"Cuba\", \n \"Haiti\", \"Dominican Rep.\", \"Jamaica\", \"Puerto Rico\", \"Bahamas\", \"Trinidad and Tobago\", \"Falkland Is.\"\n ],\n emea: [\n \"Russia\", \"Germany\", \"United Kingdom\", \"France\", \"Italy\", \"Spain\", \"Ukraine\", \"Poland\", \"Romania\", \n \"Netherlands\", \"Belgium\", \"Czechia\", \"Greece\", \"Portugal\", \"Sweden\", \"Hungary\", \"Belarus\", \"Austria\", \n \"Serbia\", \"Switzerland\", \"Bulgaria\", \"Denmark\", \"Finland\", \"Slovakia\", \"Norway\", \"Ireland\", \"Croatia\", \n \"Moldova\", \"Bosnia and Herz.\", \"Albania\", \"Lithuania\", \"North Macedonia\", \"Slovenia\", \"Latvia\", \"Estonia\", \n \"Montenegro\", \"Luxembourg\", \"Malta\", \"Iceland\", \"Cyprus\", \"Kosovo\", \"Turkey\", \"Iran\", \"Iraq\", \"Saudi Arabia\", \n \"Yemen\", \"Syria\", \"United Arab Emirates\", \"Israel\", \"Jordan\", \"Lebanon\", \"Oman\", \"Kuwait\", \"Qatar\", \"Bahrain\", \n \"Egypt\", \"Nigeria\", \"Ethiopia\", \"Dem. Rep. Congo\", \"South Africa\", \"Tanzania\", \"Kenya\", \"Uganda\", \"Algeria\", \n \"Sudan\", \"Morocco\", \"Angola\", \"Mozambique\", \"Ghana\", \"Madagascar\", \"Cameroon\", \"C\u00f4te d'Ivoire\", \"Niger\", \n \"Burkina Faso\", \"Mali\", \"Malawi\", \"Zambia\", \"Senegal\", \"Chad\", \"Somalia\", \"Zimbabwe\", \"Guinea\", \"Rwanda\", \n \"Benin\", \"Burundi\", \"Tunisia\", \"South Sudan\", \"Togo\", \"Sierra Leone\", \"Libya\", \"Congo\", \"Liberia\", \n \"Central African Rep.\", \"Mauritania\", \"Eritrea\", \"Namibia\", \"Gambia\", \"Botswana\", \"Gabon\", \"Lesotho\", \n \"Guinea-Bissau\", \"Eq. Guinea\", \"Mauritius\", \"Eswatini\", \"Djibouti\", \"Comoros\", \"W. Sahara\", \"Somaliland\", \n \"Georgia\", \"Armenia\", \"Azerbaijan\"\n ],\n apac: [\n \"China\", \"India\", \"Indonesia\", \"Pakistan\", \"Bangladesh\", \"Japan\", \"Philippines\", \"Vietnam\", \"Turkmenistan\", \n \"Uzbekistan\", \"Tajikistan\", \"Kyrgyzstan\", \"Kazakhstan\", \"Afghanistan\", \"Thailand\", \"Myanmar\", \"South Korea\", \n \"North Korea\", \"Taiwan\", \"Sri Lanka\", \"Cambodia\", \"Nepal\", \"Malaysia\", \"Mongolia\", \"Laos\", \"Bhutan\", \n \"Brunei\", \"Singapore\", \"Timor-Leste\", \"Australia\", \"Papua New Guinea\", \"New Zealand\", \"Fiji\", \"Solomon Is.\", \n \"Vanuatu\", \"New Caledonia\"\n ],\n latam: [\n \"Mexico\", \"Guatemala\", \"El Salvador\", \"Honduras\", \"Nicaragua\", \"Costa Rica\", \"Panama\", \"Colombia\", \n \"Venezuela\", \"Ecuador\", \"Peru\", \"Brazil\", \"Bolivia\", \"Paraguay\", \"Chile\", \"Argentina\", \"Uruguay\", \"Cuba\", \n \"Dominican Rep.\", \"Puerto Rico\", \"Spain\", \"Portugal\", \"Haiti\"\n ]\n };<\/p>\n<p> async function init() {\n try {\n const url = 'https:\/\/unpkg.com\/world-atlas@2.0.2\/countries-110m.json';\n const response = await fetch(url);\n const world = await response.json();<\/p>\n<p> countriesData = topojson.feature(world, world.objects.countries).features\n .filter(d => d.properties.name !== \"Antarctica\");<\/p>\n<p> countriesData.forEach((d, i) => {\n const id = i + 1;\n const r = (id >> 16) & 255;\n const g = (id >> 8) & 255;\n const b = id & 255;<\/p>\n<p> d.color = `rgb(${r},${g},${b})`;\n d.id = id;\n colorToCountry[`${r},${g},${b}`] = d;\n });<\/p>\n<p> checkboxes.forEach(cb => {\n cb.addEventListener('change', (e) => {\n if (e.target.checked) activeRegions.add(e.target.value);\n else activeRegions.delete(e.target.value);<\/p>\n<p> recalculateActiveCountries();\n drawVisibleCanvas();\n });\n });<\/p>\n<p> exportBtn.addEventListener('click', generateSVG);<\/p>\n<p> loadingText.style.display = 'none';\n exportBtn.disabled = false;\n window.addEventListener('resize', resize);\n resize();<\/p>\n<p> } catch (error) {\n loadingText.innerText = \"Error loading map data.\";\n console.error(\"Map load error:\", error);\n }\n }<\/p>\n<p> function recalculateActiveCountries() {\n countryIsActive = {};\n if (activeRegions.size === 0) return;<\/p>\n<p> countriesData.forEach(country => {\n const name = country.properties.name;\n let isActive = false;<\/p>\n<p> activeRegions.forEach(regionKey => {\n if (regionMapping[regionKey].includes(name)) {\n isActive = true;\n }\n });<\/p>\n<p> countryIsActive[country.id] = isActive;\n });\n }<\/p>\n<p> function resize() {\n const controlsHeight = document.getElementById('controls').offsetHeight;\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight - controlsHeight;<\/p>\n<p> hiddenCanvas.width = canvas.width;\n hiddenCanvas.height = canvas.height;<\/p>\n<p> drawHiddenCanvas();\n drawVisibleCanvas();\n }<\/p>\n<p> function drawHiddenCanvas() {\n hiddenCtx.fillStyle = '#000000';\n hiddenCtx.fillRect(0, 0, hiddenCanvas.width, hiddenCanvas.height);<\/p>\n<p> const projection = d3.geoMiller()\n .fitSize([hiddenCanvas.width, hiddenCanvas.height], { type: \"FeatureCollection\", features: countriesData });<\/p>\n<p> const path = d3.geoPath().projection(projection).context(hiddenCtx);<\/p>\n<p> countriesData.forEach(d => {\n hiddenCtx.beginPath();\n path(d);\n hiddenCtx.fillStyle = d.color;\n hiddenCtx.fill();\n });\n }<\/p>\n<p> function drawVisibleCanvas() {\n ctx.fillStyle = '#000000';\n ctx.fillRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> const step = dotSize + dotGap;\n const imgData = hiddenCtx.getImageData(0, 0, hiddenCanvas.width, hiddenCanvas.height).data;\n const width = hiddenCanvas.width;<\/p>\n<p> for (let y = dotSize; y < canvas.height; y += step) {\n for (let x = dotSize; x < canvas.width; x += step) {\n \n const pixelIndex = (y * width + x) * 4;\n const r = imgData[pixelIndex];\n const g = imgData[pixelIndex + 1];\n const b = imgData[pixelIndex + 2];\n\n if (r !== 0 || g !== 0 || b !== 0) {\n const colorKey = `${r},${g},${b}`;\n const country = colorToCountry[colorKey];\n \n ctx.beginPath();\n ctx.arc(x, y, dotSize \/ 2, 0, Math.PI * 2);\n \n if (country && countryIsActive[country.id]) {\n ctx.fillStyle = highlightColor;\n } else {\n ctx.fillStyle = defaultColor;\n }\n \n ctx.fill();\n }\n }\n }\n }\n\n function generateSVG() {\n const originalText = exportBtn.innerText;\n exportBtn.innerText = \"Generating...\";\n exportBtn.disabled = true;\n\n \/\/ Use a slight timeout to allow the UI to update the button text\n setTimeout(() => {\n let svg = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 ${canvas.width} ${canvas.height}\" width=\"${canvas.width}\" height=\"${canvas.height}\">\\n`;<\/p>\n<p> \/\/ Add solid black background\n svg += `<rect width=\"100%\" height=\"100%\" fill=\"#000000\" \/>\\n`;<\/p>\n<p> const step = dotSize + dotGap;\n const imgData = hiddenCtx.getImageData(0, 0, hiddenCanvas.width, hiddenCanvas.height).data;\n const width = hiddenCanvas.width;\n const radius = dotSize \/ 2;<\/p>\n<p> for (let y = dotSize; y < canvas.height; y += step) {\n for (let x = dotSize; x < canvas.width; x += step) {\n \n const pixelIndex = (y * width + x) * 4;\n const r = imgData[pixelIndex];\n const g = imgData[pixelIndex + 1];\n const b = imgData[pixelIndex + 2];\n\n if (r !== 0 || g !== 0 || b !== 0) {\n const colorKey = `${r},${g},${b}`;\n const country = colorToCountry[colorKey];\n \n let fillColor = defaultColor;\n if (country && countryIsActive[country.id]) {\n fillColor = highlightColor;\n }\n \n svg += `<circle cx=\"${x}\" cy=\"${y}\" r=\"${radius}\" fill=\"${fillColor}\" \/>\\n`;\n }\n }\n }<\/p>\n<p> svg += `<\/svg>`;<\/p>\n<p> \/\/ Create a Blob from the SVG string and trigger download\n const blob = new Blob([svg], { type: \"image\/svg+xml;charset=utf-8\" });\n const url = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = \"regional_dot_map.svg\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);<\/p>\n<p> exportBtn.innerText = originalText;\n exportBtn.disabled = false;\n }, 50);\n }<\/p>\n<p> init();\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>High-Density Regional Dot Map with SVG Export Select Regions to Highlight: Export to SVG 1. The Americas 2. EMEA 3. Asia Pacific 4. LATAM & Iberoam\u00e9rica Loading Geographic Data…<\/p>","protected":false},"author":285,"featured_media":2481947,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"coauthors":[2837],"class_list":["post-2481944","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>Map - PRGN<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/prgn.com\/es_es\/map\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Map - PRGN\" \/>\n<meta property=\"og:description\" content=\"High-Density Regional Dot Map with SVG Export Select Regions to Highlight: Export to SVG 1. The Americas 2. EMEA 3. Asia Pacific 4. LATAM & Iberoam\u00e9rica Loading Geographic Data…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/prgn.com\/es_es\/map\/\" \/>\n<meta property=\"og:site_name\" content=\"PRGN\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:20:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1931\" \/>\n\t<meta property=\"og:image:height\" content=\"975\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cullen Communications\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/\",\"url\":\"https:\\\/\\\/prgn.com\\\/map\\\/\",\"name\":\"Map - PRGN\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/PRNG-Regional-Dot-Map-2026.webp\",\"datePublished\":\"2026-04-16T14:35:05+00:00\",\"dateModified\":\"2026-04-16T15:20:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/prgn.com\\\/map\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#primaryimage\",\"url\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/PRNG-Regional-Dot-Map-2026.webp\",\"contentUrl\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/PRNG-Regional-Dot-Map-2026.webp\",\"width\":1931,\"height\":975},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/prgn.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/prgn.com\\\/#website\",\"url\":\"https:\\\/\\\/prgn.com\\\/\",\"name\":\"PRGN\",\"description\":\"The World's Local Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/prgn.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/prgn.com\\\/#organization\",\"name\":\"PRGN\",\"url\":\"https:\\\/\\\/prgn.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/prgn.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg\",\"contentUrl\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg\",\"width\":1200,\"height\":628,\"caption\":\"PRGN\"},\"image\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Map - PRGN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/prgn.com\/es_es\/map\/","og_locale":"es_ES","og_type":"article","og_title":"Map - PRGN","og_description":"High-Density Regional Dot Map with SVG Export Select Regions to Highlight: Export to SVG 1. The Americas 2. EMEA 3. Asia Pacific 4. LATAM & Iberoam\u00e9rica Loading Geographic Data…","og_url":"https:\/\/prgn.com\/es_es\/map\/","og_site_name":"PRGN","article_modified_time":"2026-04-16T15:20:21+00:00","og_image":[{"width":1931,"height":975,"url":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cullen Communications"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/prgn.com\/map\/","url":"https:\/\/prgn.com\/map\/","name":"Map - PRGN","isPartOf":{"@id":"https:\/\/prgn.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/prgn.com\/map\/#primaryimage"},"image":{"@id":"https:\/\/prgn.com\/map\/#primaryimage"},"thumbnailUrl":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","datePublished":"2026-04-16T14:35:05+00:00","dateModified":"2026-04-16T15:20:21+00:00","breadcrumb":{"@id":"https:\/\/prgn.com\/map\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/prgn.com\/map\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/prgn.com\/map\/#primaryimage","url":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","contentUrl":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","width":1931,"height":975},{"@type":"BreadcrumbList","@id":"https:\/\/prgn.com\/map\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/prgn.com\/"},{"@type":"ListItem","position":2,"name":"Map"}]},{"@type":"WebSite","@id":"https:\/\/prgn.com\/#website","url":"https:\/\/prgn.com\/","name":"PRGN mantiene altos est\u00e1ndares de admisi\u00f3n para garantizar la solidez e integridad de la red","description":"The World's Local Agency","publisher":{"@id":"https:\/\/prgn.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/prgn.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/prgn.com\/#organization","name":"PRGN mantiene altos est\u00e1ndares de admisi\u00f3n para garantizar la solidez e integridad de la red","url":"https:\/\/prgn.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/prgn.com\/#\/schema\/logo\/image\/","url":"https:\/\/prgn.com\/wp-content\/uploads\/2022\/07\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg","contentUrl":"https:\/\/prgn.com\/wp-content\/uploads\/2022\/07\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg","width":1200,"height":628,"caption":"PRGN"},"image":{"@id":"https:\/\/prgn.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages\/2481944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/users\/285"}],"replies":[{"embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/comments?post=2481944"}],"version-history":[{"count":2,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages\/2481944\/revisions"}],"predecessor-version":[{"id":2481954,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages\/2481944\/revisions\/2481954"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/media\/2481947"}],"wp:attachment":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/media?parent=2481944"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/coauthors?post=2481944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2481944,"date":"2026-04-16T14:35:05","date_gmt":"2026-04-16T14:35:05","guid":{"rendered":"https:\/\/prgn.com\/?page_id=2481944"},"modified":"2026-04-16T15:20:21","modified_gmt":"2026-04-16T15:20:21","slug":"map","status":"publish","type":"page","link":"https:\/\/prgn.com\/es_es\/map\/","title":{"rendered":"Map"},"content":{"rendered":"

\n
\n
\n
\n
\n High-Density Regional Dot Map with SVG Export<\/title><br \/>\n <script src=\"https:\/\/d3js.org\/d3.v7.min.js\"><\/script><br \/>\n <script src=\"https:\/\/d3js.org\/d3-geo-projection.v4.min.js\"><\/script><br \/>\n <script src=\"https:\/\/unpkg.com\/topojson-client@3\"><\/script><\/p>\n<style>\n body {\n margin: 0;\n padding: 0;\n background-color: #444;\n color: #fff;\n font-family: sans-serif;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n height: 100vh;\n }<\/p>\n<p> #controls {\n padding: 20px;\n background: rgba(20, 20, 20, 0.95);\n display: flex;\n flex-direction: column;\n gap: 15px;\n z-index: 10;\n border-bottom: 1px solid #333;\n }<\/p>\n<p> .header-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }<\/p>\n<p> .control-row {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n }<\/p>\n<p> .control-group {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n }<\/p>\n<p> label { cursor: pointer; font-size: 15px; user-select: none; }\n input[type=\"checkbox\"] { \n cursor: pointer; \n accent-color: #57bfff; \n width: 18px; \n height: 18px; \n }<\/p>\n<p> button.export-btn {\n background-color: #57bfff;\n color: #000;\n border: none;\n padding: 8px 16px;\n font-size: 14px;\n font-weight: bold;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s;\n }<\/p>\n<p> button.export-btn:hover {\n background-color: #3caee6;\n }<\/p>\n<p> canvas {\n flex-grow: 1;\n touch-action: none;\n }<\/p>\n<p> .loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 1.2rem;\n color: #57bfff;\n pointer-events: none;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div id=\"controls\">\n<div class=\"header-row\">\n<div style=\"font-weight: bold; color: #ccc;\">Select Regions to Highlight:<\/div>\n<p> <button id=\"exportSvgBtn\" class=\"export-btn\" disabled>Export to SVG<\/button>\n <\/div>\n<div class=\"control-row\">\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"americas\" value=\"americas\"><br \/>\n <label for=\"americas\">1. The Americas<\/label>\n <\/div>\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"emea\" value=\"emea\"><br \/>\n <label for=\"emea\">2. EMEA<\/label>\n <\/div>\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"apac\" value=\"apac\"><br \/>\n <label for=\"apac\">3. Asia Pacific<\/label>\n <\/div>\n<div class=\"control-group\">\n <input type=\"checkbox\" id=\"latam\" value=\"latam\"><br \/>\n <label for=\"latam\">4. LATAM & Iberoam\u00e9rica<\/label>\n <\/div>\n<\/p><\/div>\n<\/div>\n<div id=\"loadingText\" class=\"loading\">Loading Geographic Data…<\/div>\n<p><canvas id=\"mapCanvas\"><\/canvas><\/p>\n<p><script>\n const canvas = document.getElementById('mapCanvas');\n const ctx = canvas.getContext('2d', { willReadFrequently: true });<\/p>\n<p> \/\/ Hidden canvas for country border collision detection\n const hiddenCanvas = document.createElement('canvas');\n const hiddenCtx = hiddenCanvas.getContext('2d', { willReadFrequently: true });<\/p>\n<p> const checkboxes = document.querySelectorAll('input[type=\"checkbox\"]');\n const loadingText = document.getElementById('loadingText');\n const exportBtn = document.getElementById('exportSvgBtn');<\/p>\n<p> \/\/ Aesthetics configuration\n const dotSize = 4;\n const dotGap = 4;\n const highlightColor = '#57bfff';\n const defaultColor = '#ffffff';<\/p>\n<p> let countriesData = [];\n let colorToCountry = {};\n let activeRegions = new Set();\n let countryIsActive = {}; <\/p>\n<p> \/\/ Regional mappings\n const regionMapping = {\n americas: [\n \"Canada\", \"United States of America\", \"Mexico\", \"Greenland\", \"Guatemala\", \"Belize\", \"El Salvador\", \n \"Honduras\", \"Nicaragua\", \"Costa Rica\", \"Panama\", \"Colombia\", \"Venezuela\", \"Guyana\", \"Suriname\", \n \"Ecuador\", \"Peru\", \"Brazil\", \"Bolivia\", \"Paraguay\", \"Chile\", \"Argentina\", \"Uruguay\", \"Cuba\", \n \"Haiti\", \"Dominican Rep.\", \"Jamaica\", \"Puerto Rico\", \"Bahamas\", \"Trinidad and Tobago\", \"Falkland Is.\"\n ],\n emea: [\n \"Russia\", \"Germany\", \"United Kingdom\", \"France\", \"Italy\", \"Spain\", \"Ukraine\", \"Poland\", \"Romania\", \n \"Netherlands\", \"Belgium\", \"Czechia\", \"Greece\", \"Portugal\", \"Sweden\", \"Hungary\", \"Belarus\", \"Austria\", \n \"Serbia\", \"Switzerland\", \"Bulgaria\", \"Denmark\", \"Finland\", \"Slovakia\", \"Norway\", \"Ireland\", \"Croatia\", \n \"Moldova\", \"Bosnia and Herz.\", \"Albania\", \"Lithuania\", \"North Macedonia\", \"Slovenia\", \"Latvia\", \"Estonia\", \n \"Montenegro\", \"Luxembourg\", \"Malta\", \"Iceland\", \"Cyprus\", \"Kosovo\", \"Turkey\", \"Iran\", \"Iraq\", \"Saudi Arabia\", \n \"Yemen\", \"Syria\", \"United Arab Emirates\", \"Israel\", \"Jordan\", \"Lebanon\", \"Oman\", \"Kuwait\", \"Qatar\", \"Bahrain\", \n \"Egypt\", \"Nigeria\", \"Ethiopia\", \"Dem. Rep. Congo\", \"South Africa\", \"Tanzania\", \"Kenya\", \"Uganda\", \"Algeria\", \n \"Sudan\", \"Morocco\", \"Angola\", \"Mozambique\", \"Ghana\", \"Madagascar\", \"Cameroon\", \"C\u00f4te d'Ivoire\", \"Niger\", \n \"Burkina Faso\", \"Mali\", \"Malawi\", \"Zambia\", \"Senegal\", \"Chad\", \"Somalia\", \"Zimbabwe\", \"Guinea\", \"Rwanda\", \n \"Benin\", \"Burundi\", \"Tunisia\", \"South Sudan\", \"Togo\", \"Sierra Leone\", \"Libya\", \"Congo\", \"Liberia\", \n \"Central African Rep.\", \"Mauritania\", \"Eritrea\", \"Namibia\", \"Gambia\", \"Botswana\", \"Gabon\", \"Lesotho\", \n \"Guinea-Bissau\", \"Eq. Guinea\", \"Mauritius\", \"Eswatini\", \"Djibouti\", \"Comoros\", \"W. Sahara\", \"Somaliland\", \n \"Georgia\", \"Armenia\", \"Azerbaijan\"\n ],\n apac: [\n \"China\", \"India\", \"Indonesia\", \"Pakistan\", \"Bangladesh\", \"Japan\", \"Philippines\", \"Vietnam\", \"Turkmenistan\", \n \"Uzbekistan\", \"Tajikistan\", \"Kyrgyzstan\", \"Kazakhstan\", \"Afghanistan\", \"Thailand\", \"Myanmar\", \"South Korea\", \n \"North Korea\", \"Taiwan\", \"Sri Lanka\", \"Cambodia\", \"Nepal\", \"Malaysia\", \"Mongolia\", \"Laos\", \"Bhutan\", \n \"Brunei\", \"Singapore\", \"Timor-Leste\", \"Australia\", \"Papua New Guinea\", \"New Zealand\", \"Fiji\", \"Solomon Is.\", \n \"Vanuatu\", \"New Caledonia\"\n ],\n latam: [\n \"Mexico\", \"Guatemala\", \"El Salvador\", \"Honduras\", \"Nicaragua\", \"Costa Rica\", \"Panama\", \"Colombia\", \n \"Venezuela\", \"Ecuador\", \"Peru\", \"Brazil\", \"Bolivia\", \"Paraguay\", \"Chile\", \"Argentina\", \"Uruguay\", \"Cuba\", \n \"Dominican Rep.\", \"Puerto Rico\", \"Spain\", \"Portugal\", \"Haiti\"\n ]\n };<\/p>\n<p> async function init() {\n try {\n const url = 'https:\/\/unpkg.com\/world-atlas@2.0.2\/countries-110m.json';\n const response = await fetch(url);\n const world = await response.json();<\/p>\n<p> countriesData = topojson.feature(world, world.objects.countries).features\n .filter(d => d.properties.name !== \"Antarctica\");<\/p>\n<p> countriesData.forEach((d, i) => {\n const id = i + 1;\n const r = (id >> 16) & 255;\n const g = (id >> 8) & 255;\n const b = id & 255;<\/p>\n<p> d.color = `rgb(${r},${g},${b})`;\n d.id = id;\n colorToCountry[`${r},${g},${b}`] = d;\n });<\/p>\n<p> checkboxes.forEach(cb => {\n cb.addEventListener('change', (e) => {\n if (e.target.checked) activeRegions.add(e.target.value);\n else activeRegions.delete(e.target.value);<\/p>\n<p> recalculateActiveCountries();\n drawVisibleCanvas();\n });\n });<\/p>\n<p> exportBtn.addEventListener('click', generateSVG);<\/p>\n<p> loadingText.style.display = 'none';\n exportBtn.disabled = false;\n window.addEventListener('resize', resize);\n resize();<\/p>\n<p> } catch (error) {\n loadingText.innerText = \"Error loading map data.\";\n console.error(\"Map load error:\", error);\n }\n }<\/p>\n<p> function recalculateActiveCountries() {\n countryIsActive = {};\n if (activeRegions.size === 0) return;<\/p>\n<p> countriesData.forEach(country => {\n const name = country.properties.name;\n let isActive = false;<\/p>\n<p> activeRegions.forEach(regionKey => {\n if (regionMapping[regionKey].includes(name)) {\n isActive = true;\n }\n });<\/p>\n<p> countryIsActive[country.id] = isActive;\n });\n }<\/p>\n<p> function resize() {\n const controlsHeight = document.getElementById('controls').offsetHeight;\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight - controlsHeight;<\/p>\n<p> hiddenCanvas.width = canvas.width;\n hiddenCanvas.height = canvas.height;<\/p>\n<p> drawHiddenCanvas();\n drawVisibleCanvas();\n }<\/p>\n<p> function drawHiddenCanvas() {\n hiddenCtx.fillStyle = '#000000';\n hiddenCtx.fillRect(0, 0, hiddenCanvas.width, hiddenCanvas.height);<\/p>\n<p> const projection = d3.geoMiller()\n .fitSize([hiddenCanvas.width, hiddenCanvas.height], { type: \"FeatureCollection\", features: countriesData });<\/p>\n<p> const path = d3.geoPath().projection(projection).context(hiddenCtx);<\/p>\n<p> countriesData.forEach(d => {\n hiddenCtx.beginPath();\n path(d);\n hiddenCtx.fillStyle = d.color;\n hiddenCtx.fill();\n });\n }<\/p>\n<p> function drawVisibleCanvas() {\n ctx.fillStyle = '#000000';\n ctx.fillRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> const step = dotSize + dotGap;\n const imgData = hiddenCtx.getImageData(0, 0, hiddenCanvas.width, hiddenCanvas.height).data;\n const width = hiddenCanvas.width;<\/p>\n<p> for (let y = dotSize; y < canvas.height; y += step) {\n for (let x = dotSize; x < canvas.width; x += step) {\n \n const pixelIndex = (y * width + x) * 4;\n const r = imgData[pixelIndex];\n const g = imgData[pixelIndex + 1];\n const b = imgData[pixelIndex + 2];\n\n if (r !== 0 || g !== 0 || b !== 0) {\n const colorKey = `${r},${g},${b}`;\n const country = colorToCountry[colorKey];\n \n ctx.beginPath();\n ctx.arc(x, y, dotSize \/ 2, 0, Math.PI * 2);\n \n if (country && countryIsActive[country.id]) {\n ctx.fillStyle = highlightColor;\n } else {\n ctx.fillStyle = defaultColor;\n }\n \n ctx.fill();\n }\n }\n }\n }\n\n function generateSVG() {\n const originalText = exportBtn.innerText;\n exportBtn.innerText = \"Generating...\";\n exportBtn.disabled = true;\n\n \/\/ Use a slight timeout to allow the UI to update the button text\n setTimeout(() => {\n let svg = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 ${canvas.width} ${canvas.height}\" width=\"${canvas.width}\" height=\"${canvas.height}\">\\n`;<\/p>\n<p> \/\/ Add solid black background\n svg += `<rect width=\"100%\" height=\"100%\" fill=\"#000000\" \/>\\n`;<\/p>\n<p> const step = dotSize + dotGap;\n const imgData = hiddenCtx.getImageData(0, 0, hiddenCanvas.width, hiddenCanvas.height).data;\n const width = hiddenCanvas.width;\n const radius = dotSize \/ 2;<\/p>\n<p> for (let y = dotSize; y < canvas.height; y += step) {\n for (let x = dotSize; x < canvas.width; x += step) {\n \n const pixelIndex = (y * width + x) * 4;\n const r = imgData[pixelIndex];\n const g = imgData[pixelIndex + 1];\n const b = imgData[pixelIndex + 2];\n\n if (r !== 0 || g !== 0 || b !== 0) {\n const colorKey = `${r},${g},${b}`;\n const country = colorToCountry[colorKey];\n \n let fillColor = defaultColor;\n if (country && countryIsActive[country.id]) {\n fillColor = highlightColor;\n }\n \n svg += `<circle cx=\"${x}\" cy=\"${y}\" r=\"${radius}\" fill=\"${fillColor}\" \/>\\n`;\n }\n }\n }<\/p>\n<p> svg += `<\/svg>`;<\/p>\n<p> \/\/ Create a Blob from the SVG string and trigger download\n const blob = new Blob([svg], { type: \"image\/svg+xml;charset=utf-8\" });\n const url = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = \"regional_dot_map.svg\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);<\/p>\n<p> exportBtn.innerText = originalText;\n exportBtn.disabled = false;\n }, 50);\n }<\/p>\n<p> init();\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>High-Density Regional Dot Map with SVG Export Select Regions to Highlight: Export to SVG 1. The Americas 2. EMEA 3. Asia Pacific 4. LATAM & Iberoam\u00e9rica Loading Geographic Data…<\/p>","protected":false},"author":285,"featured_media":2481947,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"coauthors":[2837],"class_list":["post-2481944","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>Map - PRGN<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/prgn.com\/es_es\/map\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Map - PRGN\" \/>\n<meta property=\"og:description\" content=\"High-Density Regional Dot Map with SVG Export Select Regions to Highlight: Export to SVG 1. The Americas 2. EMEA 3. Asia Pacific 4. LATAM & Iberoam\u00e9rica Loading Geographic Data…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/prgn.com\/es_es\/map\/\" \/>\n<meta property=\"og:site_name\" content=\"PRGN\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:20:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1931\" \/>\n\t<meta property=\"og:image:height\" content=\"975\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cullen Communications\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/\",\"url\":\"https:\\\/\\\/prgn.com\\\/map\\\/\",\"name\":\"Map - PRGN\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/PRNG-Regional-Dot-Map-2026.webp\",\"datePublished\":\"2026-04-16T14:35:05+00:00\",\"dateModified\":\"2026-04-16T15:20:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/prgn.com\\\/map\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#primaryimage\",\"url\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/PRNG-Regional-Dot-Map-2026.webp\",\"contentUrl\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/PRNG-Regional-Dot-Map-2026.webp\",\"width\":1931,\"height\":975},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/prgn.com\\\/map\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/prgn.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/prgn.com\\\/#website\",\"url\":\"https:\\\/\\\/prgn.com\\\/\",\"name\":\"PRGN\",\"description\":\"The World's Local Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/prgn.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/prgn.com\\\/#organization\",\"name\":\"PRGN\",\"url\":\"https:\\\/\\\/prgn.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/prgn.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg\",\"contentUrl\":\"https:\\\/\\\/prgn.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg\",\"width\":1200,\"height\":628,\"caption\":\"PRGN\"},\"image\":{\"@id\":\"https:\\\/\\\/prgn.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Map - PRGN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/prgn.com\/es_es\/map\/","og_locale":"es_ES","og_type":"article","og_title":"Map - PRGN","og_description":"High-Density Regional Dot Map with SVG Export Select Regions to Highlight: Export to SVG 1. The Americas 2. EMEA 3. Asia Pacific 4. LATAM & Iberoam\u00e9rica Loading Geographic Data…","og_url":"https:\/\/prgn.com\/es_es\/map\/","og_site_name":"PRGN","article_modified_time":"2026-04-16T15:20:21+00:00","og_image":[{"width":1931,"height":975,"url":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cullen Communications"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/prgn.com\/map\/","url":"https:\/\/prgn.com\/map\/","name":"Map - PRGN","isPartOf":{"@id":"https:\/\/prgn.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/prgn.com\/map\/#primaryimage"},"image":{"@id":"https:\/\/prgn.com\/map\/#primaryimage"},"thumbnailUrl":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","datePublished":"2026-04-16T14:35:05+00:00","dateModified":"2026-04-16T15:20:21+00:00","breadcrumb":{"@id":"https:\/\/prgn.com\/map\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/prgn.com\/map\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/prgn.com\/map\/#primaryimage","url":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","contentUrl":"https:\/\/prgn.com\/wp-content\/uploads\/2026\/04\/PRNG-Regional-Dot-Map-2026.webp","width":1931,"height":975},{"@type":"BreadcrumbList","@id":"https:\/\/prgn.com\/map\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/prgn.com\/"},{"@type":"ListItem","position":2,"name":"Map"}]},{"@type":"WebSite","@id":"https:\/\/prgn.com\/#website","url":"https:\/\/prgn.com\/","name":"PRGN mantiene altos est\u00e1ndares de admisi\u00f3n para garantizar la solidez e integridad de la red","description":"The World's Local Agency","publisher":{"@id":"https:\/\/prgn.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/prgn.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/prgn.com\/#organization","name":"PRGN mantiene altos est\u00e1ndares de admisi\u00f3n para garantizar la solidez e integridad de la red","url":"https:\/\/prgn.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/prgn.com\/#\/schema\/logo\/image\/","url":"https:\/\/prgn.com\/wp-content\/uploads\/2022\/07\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg","contentUrl":"https:\/\/prgn.com\/wp-content\/uploads\/2022\/07\/WhatsApp-Image-2022-07-15-at-12.08.11-PM.jpeg","width":1200,"height":628,"caption":"PRGN"},"image":{"@id":"https:\/\/prgn.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages\/2481944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/users\/285"}],"replies":[{"embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/comments?post=2481944"}],"version-history":[{"count":2,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages\/2481944\/revisions"}],"predecessor-version":[{"id":2481954,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/pages\/2481944\/revisions\/2481954"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/media\/2481947"}],"wp:attachment":[{"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/media?parent=2481944"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/prgn.com\/es_es\/wp-json\/wp\/v2\/coauthors?post=2481944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}