Infographic: Streamlining Your Arrival at SGN Airport https://cdn.tailwindcss.com https://cdn.jsdelivr.net/npm/chart.js body { font-family: ‘Inter’, sans-serif; background-color: #f0f5fb; } .flowchart-step { border-left: 4px solid #FFA600; padding: 1rem; margin-left: 1.25rem; position: relative; } .flowchart-step::before { content: ”; position: absolute; left: -0.875rem; top: 50%; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; border-radius: 9999px; background-color: #f0f5fb; border: 4px solid #FFA600; } .chart-container { position: relative; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; height: 400px; max-height: 50vh; } @media (min-width: 768px) { .chart-container { height: 450px; } } const ctx = document.getElementById(‘waitTimeChart’).getContext(‘2d’); const waitTimeChart = new Chart(ctx, { type: ‘bar’, data: { labels: [‘VOA Counter’, ‘Immigration Checkpoint’], datasets: [ { label: ‘Standard Wait Time (Minutes)’, data: [45, 60], backgroundColor: ‘#665191’, borderColor: ‘#665191’, borderWidth: 1, borderRadius: 5 }, { label: ‘Fast Track Wait Time (Minutes)’, data: [5, 5], backgroundColor: ‘#FFA600’, borderColor: ‘#FFA600’, borderWidth: 1, borderRadius: 5 } ] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, title: { display: true, text: ‘Estimated Wait Time (Minutes)’, font: { size: 14, weight: ‘bold’ } } }, x: { title: { display: true, text: ‘Airport Congestion Point’, font: { size: 14, weight: ‘bold’ } } } }, plugins: { legend: { position: ‘top’, }, title: { display: true, text: ‘Potential Time Saved with Fast Track Service’, font: { size: 18, weight: ‘bold’ }, padding: { bottom: 20 } }, 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; } } } } } } });