Infographic: A Seamless Arrival at Da Nang Airport https://cdn.tailwindcss.com https://cdn.jsdelivr.net/npm/chart.js body { font-family: ‘Inter’, sans-serif; } @import url(‘https://rsms.me/inter/inter.css’); .flow-step { display: flex; align-items: center; margin-bottom: 1rem; } .flow-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; margin-right: 1rem; flex-shrink: 0; } .flow-line { width: 2px; height: 2rem; margin-left: 19px; margin-bottom: 0.5rem; background-color: #93c5fd; } .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 300px; max-height: 400px; } @media (min-width: 768px) { .chart-container { height: 350px; } } const ctx = document.getElementById(‘timeSavedChart’); new Chart(ctx, { type: ‘bar’, data: { labels: [‘Standard VOA Arrival’, [‘Standard E-Visa’, ‘ / Visa-Free’], [‘Arrival with’, ‘Fast Track’]], datasets: [{ label: ‘Estimated Time in Minutes’, data: [90, 45, 10], backgroundColor: [ ‘#ef4444’, ‘#f59e0b’, ‘#22c55e’ ], borderColor: [ ‘#dc2626’, ‘#d97706’, ‘#16a34a’ ], borderWidth: 2, borderRadius: 5 }] }, options: { responsive: true, maintainAspectRatio: false, indexAxis: ‘y’, scales: { x: { beginAtZero: true, title: { display: true, text: ‘Estimated Minutes from Gate to Exit’, font: { size: 14, weight: ‘bold’ }, color: ‘#1e3a8a’ } }, y: { ticks: { color: ‘#1e3a8a’, font: { weight: ‘bold’ } } } }, plugins: { legend: { display: false }, 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; } } } } } } });