Infographic: Your Guide to a Faster Vietnam Airport Arrival https://cdn.tailwindcss.com https://cdn.jsdelivr.net/npm/chart.js body { font-family: ‘Inter’, sans-serif; background-color: #F7FFF7; /* Off-white from palette */ } .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 280px; max-height: 350px; } @media (min-width: 768px) { .chart-container { height: 300px; } } document.addEventListener(‘DOMContentLoaded’, function () { const wrapLabel = (label, maxWidth = 16) => { if (label.length maxWidth) { lines.push(currentLine.trim()); currentLine = word; } else { currentLine = (currentLine + ‘ ‘ + word).trim(); } } if (currentLine) lines.push(currentLine.trim()); return lines; }; const tooltipTitleCallback = (tooltipItems) => { const item = tooltipItems[0]; let label = item.chart.data.labels[item.dataIndex]; if (Array.isArray(label)) { return label.join(‘ ‘); } else { return label; } }; const sharedChartOptions = { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: ‘bottom’, labels: { color: ‘#4A5568’, font: { weight: ‘bold’ } } }, tooltip: { callbacks: { title: tooltipTitleCallback } } } }; var voaFeesCtx = document.getElementById(‘voaFeesChart’).getContext(‘2d’); new Chart(voaFeesCtx, { type: ‘bar’, data: { labels: [‘Single-Entry Visa’, ‘Multi-Entry Visa’], datasets: [{ label: ‘Stamping Fee (USD)’, data: [25, 50], backgroundColor: [‘#4ECDC4’, ‘#45B7D1’], borderColor: [‘#4ECDC4’, ‘#45B7D1’], borderWidth: 1 }] }, options: { …sharedChartOptions, scales: { y: { beginAtZero: true, ticks: { callback: function(value) { return ‘$’ + value; } } } } } }); var guaranteeCtx = document.getElementById(‘guaranteeChart’).getContext(‘2d’); new Chart(guaranteeCtx, { type: ‘doughnut’, data: { labels: [‘100% Money-Back Guarantee’], datasets: [{ label: ‘Guarantee’, data: [100], backgroundColor: [‘#4ECDC4’], hoverOffset: 4 }] }, options: { …sharedChartOptions, cutout: ‘70%’ } }); });