Infographic: Your Arrival at Nha Trang (CXR) Airport
https://cdn.tailwindcss.com
https://cdn.jsdelivr.net/npm/chart.js
Goal: Inform -> Method: Large Text Cards -> Justification: High-impact way to present critical numbers from the report immediately.
– Arrival Process -> Goal: Organize -> Method: HTML/CSS Flowchart -> Justification: Visually maps the multi-step airport navigation process, which is far more intuitive than the original text blocks. No SVG/Mermaid used.
– Traveler Requirements -> Goal: Compare/Inform -> Method: Side-by-side Cards -> Justification: Allows easy comparison of what’s needed for different visa types. Unicode icons add quick visual context.
– Transportation Options -> Goal: Compare -> Method: Bar Chart (Chart.js Canvas) -> Justification: Provides a clear, quantitative comparison of transport cost vs. time, making the best choice for the user obvious.
– Expedited Service Benefits -> Goal: Inform -> Method: Icon-based Grid -> Justification: Breaks down the service advantages into scannable, visually appealing points.
–>
body {
font-family: ‘Inter’, sans-serif;
background-color: #f0f4f8;
}
.chart-container {
position: relative;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
height: 300px; /* Base height for mobile */
max-height: 400px;
}
@media (min-width: 640px) { /* sm breakpoint */
.chart-container {
height: 350px;
}
}
@media (min-width: 768px) { /* md breakpoint */
.chart-container {
height: 350px; /* Maintain or adjust for larger screens */
}
}
.flow-step {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
padding: 0 1rem;
}
.flow-step:not(:last-child)::after {
content: ‘→’;
position: absolute;
font-size: 2rem;
color: #bc5090;
top: 30%;
right: -25px;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.flow-step:not(:last-child)::after {
content: ‘↓’;
top: auto;
right: 50%;
bottom: -30px;
transform: translateX(50%);
}
}
.brand-text-primary { color: #003f5c; }
.brand-text-secondary { color: #7a5195; }
.brand-bg-accent { background-color: #ffa600; }
.brand-border-accent { border-color: #ef5675; }
Seamless Arrival in Nha Trang
A visual guide to navigating Cam Ranh International Airport (CXR) efficiently, based on official procedures.
3
Primary Traveler Types
(E-Visa, VOA & Exempt)
~45 mins
Avg. Drive to City Center
(from Cam Ranh Airport)
35 km
Distance to Nha Trang
(from Cam Ranh Airport)
The Arrival Process at a Glance
This flowchart illustrates the standard journey through the international terminal (T2). Note the crucial first step for Visa-on-Arrival holders.
✈️
Disembark
Follow signs to immigration.
⭐
Visa Counter
VOA Holders ONLY: Get visa stamp here first.
🛂
Immigration
Present passport & visa/e-visa for entry stamp.
🛄
Baggage Claim
Collect your checked luggage from the carousel.
👋
Exit Airport
Pass customs and enter the arrivals hall.
What to Prepare: Based on Your Visa
📄 E-Visa / Visa-Exempt
For those with pre-approved E-Visas or from visa waiver countries. Your process is the most direct.
- ✓ Valid Passport (6+ months validity)
- ✓ Printed E-Visa Letter (if applicable)
- ✓ Accommodation Details
⭐ Visa on Arrival (VOA)
For those who have a VOA approval letter. You must visit the Landing Visa counter before immigration.
- ✓ Valid Passport (6+ months validity)
- ✓ Printed VOA Approval Letter
- ✓ Completed NA1 Form + Photo (4x6cm)
- ✓ Cash for Stamping Fee (US$25 or US$50)
Getting to Nha Trang City Center
Compare your transportation options by estimated cost and travel time. All options are available from Terminal 2.
Costs are estimates in Vietnamese Dong (VND). Time is in minutes. Ride-hailing and taxi costs can vary.
Want to Skip All Queues?
Our Expedited Entry Service is the ultimate solution for a fast and stress-free arrival, handling all procedures for you.
Learn More & Book Now
What Our Customers Say
“Excellent experience. Very simple to apply online, fast, effective, and many options are available.”
— Feng K. (May 29, 2025)
“Easy and professional. My experience was great. Quick time through customs and easy to find my guy to navigate the system. Very responsive team.”
— Brooke R. (Apr 7, 2025)
“Smooth communication, clear instructions, nice staff, efficient service! On Arrival Pick-up Service was flawless.”
— Candy K. (Mar 31, 2025)
“The processing of visa application was performed very professionally with high efficiency and courtesy.”
— Shuit-Tong L. (Mar 19, 2025)
document.addEventListener(‘DOMContentLoaded’, function () {
const transportData = {
labels: [‘Taxi’, ‘Ride-Hailing’, [‘Airport Shuttle’, ‘Bus’], [‘Private Car’, ‘Transfer’]],
costs: [425, 350, 70, 500],
times: [45, 45, 75, 45]
};
const ctx = document.getElementById(‘transportChart’).getContext(‘2d’);
new Chart(ctx, {
type: ‘bar’,
data: {
labels: transportData.labels,
datasets: [
{
label: ‘Avg. Cost (x1000 VND)’,
data: transportData.costs,
backgroundColor: ‘#7a5195’,
borderColor: ‘#7a5195’,
borderWidth: 1
},
{
label: ‘Avg. Time (minutes)’,
data: transportData.times,
backgroundColor: ‘#ef5675’,
borderColor: ‘#ef5675’,
borderWidth: 1
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
ticks: {
color: ‘#6b7280’
},
grid: {
color: ‘#e5e7eb’
}
},
x: {
ticks: {
color: ‘#1f2937’,
font: {
weight: ‘500’
}
},
grid: {
display: false
}
}
},
plugins: {
legend: {
position: ‘top’,
labels: {
color: ‘#374151’,
font: {
size: 14
}
}
},
tooltip: {
enabled: true,
mode: ‘index’,
intersect: false,
backgroundColor: ‘#003f5c’,
titleFont: {
weight: ‘bold’
},
bodyFont: {
size: 14
},
callbacks: {
title: function(tooltipItems) {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(‘ ‘);
}
return label;
}
}
}
}
}
});
});