Vietnam Arrival Fast Track Infographic https://cdn.tailwindcss.com https://cdn.jsdelivr.net/npm/chart.js body { background-color: #f0f9ff; } .gradient-text { background: linear-gradient(90deg, #005F73, #0A9396); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } function wrapLabel(str, max_width) { const words = str.split(‘ ‘); let lines = []; let current_line = words[0]; for (let i = 1; i < words.length; i++) { const word = words[i]; const width = current_line.length + word.length + 1; if (width < max_width) { current_line += " " + word; } else { lines.push(current_line); current_line = word; } } lines.push(current_line); return lines; } const ctx = document.getElementById('queueTimeChart').getContext('2d'); const queueTimeChart = new Chart(ctx, { type: 'bar', data: { labels: [ wrapLabel('E-Visa / Visa-Free Immigration', 20), wrapLabel('Visa on Arrival Counter', 20), wrapLabel('VOA Subsequent Immigration', 20) ], datasets: [ { label: 'Standard Wait Time (Minutes)', data: [45, 75, 25], backgroundColor: '#CA6702', borderColor: '#9B2226', borderWidth: 1 }, { label: 'Fast Track Time (Minutes)', data: [5, 10, 5], backgroundColor: '#94D2BD', borderColor: '#0A9396', borderWidth: 1 } ] }, options: { indexAxis: 'y', responsive: true, maintainAspectRatio: false, scales: { x: { beginAtZero: true, title: { display: true, text: 'Estimated Wait Time (Minutes)', font: { size: 14, weight: 'bold' } } }, y: { grid: { display: false } } }, plugins: { legend: { position: 'top', }, title: { display: true, text: 'Average Airport Processing Time Comparison', font: { size: 18, weight: 'bold' } }, tooltip: { callbacks: { title: function(tooltipItems) { const item = tooltipItems[0]; let label = item.chart.data.labels[item.dataIndex]; if (Array.isArray(label)) { return label.join(' '); } else { return label; } } } } } } });