deepseekv3 / index.html
thucdangvan020999's picture
Upload index.html with huggingface_hub
bdd44fe verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vietnam Economic Growth Report 2025</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
:root {
--primary: #1a5276;
--secondary: #28b463;
--accent: #e74c3c;
--text: #34495e;
--light: #ecf0f1;
--dark: #2c3e50;
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
--border-radius: 8px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: var(--light);
color: var(--text);
line-height: 1.6;
}
.container {
max-width: 1440px;
margin: 0 auto;
padding: 1rem;
display: grid;
gap: 2rem;
grid-template-columns: 1fr;
}
header {
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: white;
padding: 2rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
text-align: center;
margin-bottom: 2rem;
}
h1 {
font-size: clamp(1.8rem, 4vw, 2.5rem);
margin-bottom: 1rem;
}
h2 {
font-size: clamp(1.5rem, 3vw, 2rem);
color: var(--primary);
margin: 1.5rem 0 1rem;
border-bottom: 2px solid var(--secondary);
padding-bottom: 0.5rem;
}
h3 {
font-size: clamp(1.3rem, 2.5vw, 1.7rem);
color: var(--secondary);
margin: 1.2rem 0 0.8rem;
}
p {
margin-bottom: 1rem;
}
.card {
background: white;
padding: 1.5rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
margin-bottom: 1.5rem;
}
.data-card {
border-left: 5px solid var(--secondary);
}
.highlight-card {
background: linear-gradient(to right, #f8f9fa, white);
border-left: 5px solid var(--accent);
}
ul, ol {
margin-left: 1.5rem;
margin-bottom: 1rem;
}
li {
margin-bottom: 0.5rem;
}
.stat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 1rem;
margin: 1rem 0;
}
.stat-item {
background: white;
padding: 1rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
text-align: center;
border-top: 4px solid var(--primary);
}
.stat-value {
font-size: 2rem;
font-weight: bold;
color: var(--primary);
margin: 0.5rem 0;
}
.stat-label {
font-size: 0.9rem;
color: var(--dark);
}
table {
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
box-shadow: var(--shadow);
border-radius: var(--border-radius);
overflow: hidden;
}
th, td {
padding: 0.75rem;
text-align: left;
border-bottom: 1px solid #ddd;
}
th {
background-color: var(--primary);
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #e9e9e9;
}
.chart-container {
position: relative;
height: 300px;
margin: 2rem 0;
}
.section-nav {
position: sticky;
top: 1rem;
background: white;
padding: 1rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
margin-bottom: 1rem;
}
.section-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 0.5rem;
}
.section-nav a {
display: block;
padding: 0.5rem;
text-decoration: none;
color: var(--text);
border-radius: 4px;
transition: all 0.3s ease;
}
.section-nav a:hover {
background-color: var(--primary);
color: white;
}
.source-list {
font-size: 0.9rem;
padding: 1.5rem;
background-color: #f8f9fa;
border-radius: var(--border-radius);
}
.source-list h3 {
color: var(--dark);
margin-bottom: 1rem;
}
.source-list a {
color: var(--primary);
text-decoration: none;
}
.source-list a:hover {
text-decoration: underline;
}
footer {
text-align: center;
padding: 2rem 0;
margin-top: 2rem;
border-top: 1px solid #ddd;
}
.compare-section {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 1rem 0;
}
.tag {
background-color: var(--light);
padding: 0.3rem 0.8rem;
border-radius: 20px;
font-size: 0.8rem;
border: 1px solid #ddd;
}
.positive {
color: var(--secondary);
font-weight: bold;
}
.negative {
color: var(--accent);
font-weight: bold;
}
.neutral {
color: var(--primary);
font-weight: bold;
}
@media (max-width: 768px) {
.stat-grid {
grid-template-columns: 1fr;
}
.section-nav ul {
grid-template-columns: 1fr;
}
}
/* Print styles */
@media print {
body {
background: white;
color: black;
font-size: 12pt;
}
.card {
box-shadow: none;
border: 1px solid #ddd;
}
.section-nav, footer {
display: none;
}
.chart-container {
height: 200px;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>Vietnam Economic Growth Report 2025</h1>
<p>Comprehensive analysis of Vietnam's economic performance and projections</p>
</header>
<nav class="section-nav">
<ul>
<li><a href="#exec-summary">Executive Summary</a></li>
<li><a href="#indicators">Key Indicators</a></li>
<li><a href="#sectoral">Sector Analysis</a></li>
<li><a href="#risks">Risk Factors</a></li>
<li><a href="#historical">Historical Data</a></li>
<li><a href="#outlook">Economic Outlook</a></li>
<li><a href="#conclusion">Conclusion</a></li>
</ul>
</nav>
<section id="exec-summary" class="card">
<h2>Executive Summary</h2>
<p>Vietnam's economy continues to demonstrate robust growth momentum in 2025, with GDP expanding <span class="positive">7.96 percent</span> in the second quarter of 2025 over the same quarter of the previous year. Vietnam's GDP hit <span class="positive">7.52%</span> growth in H1 2025, the highest first-half performance since 2011, led by industry and services.</p>
<p>The first half of 2025 recorded growth of <span class="positive">7.52%</span>, marking the highest mid-year growth rate since 2011, driven by strong performance in services and manufacturing sectors, despite global trade tensions and US tariffs.</p>
<div class="stat-grid">
<div class="stat-item">
<div class="stat-label">Q2 2025 GDP Growth</div>
<div class="stat-value positive">7.96%</div>
</div>
<div class="stat-item">
<div class="stat-label">H1 2025 Growth</div>
<div class="stat-value positive">7.52%</div>
</div>
<div class="stat-item">
<div class="stat-label">Inflation Rate</div>
<div class="stat-value neutral">3.57%</div>
</div>
<div class="stat-item">
<div class="stat-label">FDI Growth</div>
<div class="stat-value positive">32.6%</div>
</div>
</div>
</section>
<section id="indicators" class="card">
<h2>Key Economic Indicators 2025</h2>
<h3>1. GDP Growth Performance</h3>
<table>
<thead>
<tr>
<th>Period</th>
<th>Growth Rate</th>
<th>Comparison</th>
</tr>
</thead>
<tbody>
<tr>
<td>Q1 2025</td>
<td>6.9%</td>
<td>Year-on-year growth</td>
</tr>
<tr>
<td>Q2 2025</td>
<td>7.96%</td>
<td>Year-on-year</td>
</tr>
<tr>
<td>First Half 2025</td>
<td>7.52%</td>
<td>H1 total growth</td>
</tr>
</tbody>
</table>
<h4>2025 GDP Growth Forecasts</h4>
<div class="chart-container">
<canvas id="gdpChart"></canvas>
</div>
<h3>2. Inflation Rate</h3>
<table>
<thead>
<tr>
<th>Period</th>
<th>Inflation Rate</th>
<th>Notes</th>
</tr>
</thead>
<tbody>
<tr>
<td>May 2025</td>
<td>3.24%</td>
<td></td>
</tr>
<tr>
<td>June 2025</td>
<td>3.57%</td>
<td>Highest since beginning of year</td>
</tr>
<tr>
<td>IMF Forecast</td>
<td>2.9%</td>
<td>For full year</td>
</tr>
<tr>
<td>ADB Forecast</td>
<td>4.0%</td>
<td>For full year</td>
</tr>
</tbody>
</table>
<p>Inflation remains well-controlled within safe parameters and manageable target range of 3-4.5%.</p>
<h3>3. Unemployment Rate</h3>
<div class="stat-grid">
<div class="stat-item">
<div class="stat-value positive">2.20%</div>
<div class="stat-label">Q1 2025 Unemployment Rate</div>
<div>(down from 2.22% in Q4 2024)</div>
</div>
</div>
<p>Unemployment continues at historically low levels, reflecting a stable labor market.</p>
<h3>4. Foreign Direct Investment (FDI)</h3>
<div class="stat-grid">
<div class="stat-item">
<div class="stat-value positive">$18.4B</div>
<div class="stat-label">Registered Capital (Jan-May 2025)</div>
<div>Up 51% year-on-year</div>
</div>
<div class="stat-item">
<div class="stat-value">$8.9B</div>
<div class="stat-label">Disbursed Capital (Jan-May 2025)</div>
</div>
<div class="stat-item">
<div class="stat-value positive">$21.51B</div>
<div class="stat-label">Total FDI (H1 2025)</div>
<div>32.6% year-on-year increase</div>
</div>
</div>
<div class="chart-container">
<canvas id="fdiChart"></canvas>
</div>
</section>
<section id="sectoral" class="card">
<h2>Sectoral Analysis</h2>
<h3>Primary Growth Drivers</h3>
<div class="compare-section">
<div class="highlight-card">
<h4>Services Sector</h4>
<p>Major contributor to GDP growth</p>
</div>
<div class="highlight-card">
<h4>Manufacturing Sector</h4>
<p>Maintains recovery and development trajectory</p>
</div>
<div class="highlight-card">
<h4>Export Industries</h4>
<p>Continue as economic backbone</p>
</div>
<div class="highlight-card">
<h4>Banking Sector</h4>
<p>Projected 17% earnings increase in 2025</p>
</div>
</div>
<h3>Retail Performance</h3>
<div class="stat-item">
<div class="stat-value">1.708 quadrillion VND</div>
<div class="stat-label">(US$66.83 billion)</div>
<p>First quarter of 2025, reflecting a <span class="positive">9.9%</span> year-on-year growth</p>
</div>
</section>
<section id="risks" class="card">
<h2>Challenges and Risk Factors</h2>
<div class="tags">
<span class="tag negative">Global Trade Tensions</span>
<span class="tag negative">US Tariff Policies</span>
<span class="tag negative">Geopolitical Instability</span>
<span class="tag neutral">FDI Overdependence</span>
<span class="tag neutral">Macroeconomic Stability</span>
</div>
<ol>
<li><strong>Global Trade Tensions:</strong> Impact on export activities</li>
<li><strong>US Tariff Policies:</strong> Pressure on export-oriented businesses</li>
<li><strong>Geopolitical Instability:</strong> Increased business uncertainty</li>
<li><strong>FDI Overdependence:</strong> Experts warn of inflation and FDI overdependence</li>
<li><strong>Macroeconomic Stability:</strong> Growth must not come at the expense of macroeconomic stability, rising public debt, or surging inflation</li>
</ol>
</section>
<section id="historical" class="card">
<h2>Historical Comparison</h2>
<div class="chart-container">
<canvas id="historicalChart"></canvas>
</div>
<ul>
<li><strong>2024:</strong> GDP growth of 7.1%</li>
<li><strong>2025 (forecast):</strong> Growth may moderate due to external factors</li>
<li><strong>Long-term outlook:</strong> Resilient fundamentals despite short-term headwinds</li>
</ul>
<p>The year-on-year GDP growth rate in the first quarter in 2020-2025 was respectively: 3.21%; 4.85%; 5.42%; 3.46%; 5.98% and 6.93%.</p>
</section>
<section id="outlook" class="card">
<h2>Economic Outlook and Projections</h2>
<h3>Near-term Prospects (2025)</h3>
<p>Vietnam's economy started 2025 strongly, with <span class="positive">6.9%</span> year-on-year growth in the first quarter. However, the outlook is more challenging amid global trade tensions and high uncertainty. Vietnam's economy is expected to maintain solid growth despite global uncertainties. The government's target of <span class="positive">8.3-8.5%</span> appears ambitious given international forecasts, but strong domestic fundamentals provide support.</p>
<h3>Key Supporting Factors</h3>
<div class="stat-grid">
<div class="stat-item">
<div class="stat-value positive">Strong</div>
<div class="stat-label">FDI inflows</div>
</div>
<div class="stat-item">
<div class="stat-value positive">2.20%</div>
<div class="stat-label">Unemployment rate</div>
</div>
<div class="stat-item">
<div class="stat-value neutral">Stable</div>
<div class="stat-label">Inflation</div>
</div>
<div class="stat-item">
<div class="stat-value positive">Robust</div>
<div class="stat-label">Export competitiveness</div>
</div>
</div>
<h3>Risk Mitigation Strategies</h3>
<p>The Vietnamese government continues to implement policies to:</p>
<ul>
<li>Diversify export markets</li>
<li>Strengthen domestic demand</li>
<li>Enhance economic resilience</li>
<li>Maintain macroeconomic stability</li>
<li>Provide room for greater support by fiscal policy to cushion the impact of global shocks if needed</li>
</ul>
</section>
<section id="conclusion" class="card">
<h2>Conclusion</h2>
<p>Vietnam's economic performance in 2025 demonstrates the country's resilience and growth potential. While external challenges persist, strong fundamentals including low unemployment, controlled inflation, and robust FDI inflows position the economy well for sustained development. The gap between government targets and international forecasts suggests a cautiously optimistic but realistic approach to growth expectations is warranted.</p>
<p>The government is determined to hit the <span class="positive">8%</span> growth target in 2025 to lay the groundwork for double-digit expansion in the years ahead, though international institutions remain more conservative in their projections. The ambitious GDP target rides on the back of an impressive influx of foreign direct investment into the country, demonstrating continued international confidence in Vietnam's economic prospects.</p>
</section>
<section id="sources" class="source-list card">
<h3>Sources and Citations</h3>
<ol>
<li><a href="https://tradingeconomics.com/vietnam/gdp-growth-annual">Trading Economics - Vietnam GDP Annual Growth Rate</a></li>
<li><a href="https://www.imf.org/en/Countries/VNM">International Monetary Fund - Vietnam Country Profile</a></li>
<li><a href="https://www.worldeconomics.com/GDP/Vietnam.gdp">World Economics - Vietnam GDP Estimates</a></li>
<li><a href="https://www.gso.gov.vn/en/">Government of Vietnam - General Statistics Office</a></li>
<li><a href="https://en.wikipedia.org/wiki/Economy_of_Vietnam">Wikipedia - Economy of Vietnam</a></li>
<li><a href="https://www.focus-economics.com/countries/vietnam">FocusEconomics - Vietnam Economic Indicators</a></li>
<li><a href="https://www.gso.gov.vn/en/data-and-statistics/">National Statistics Office of Vietnam - Economic Reports</a></li>
<li><a href="https://vietnamnet.vn/">VietnamNet - Economic News and Analysis</a></li>
<li><a href="https://www.vietnam-briefing.com/">Vietnam Briefing - Economic Analysis</a></li>
<li><a href="https://vir.com.vn/">Vietnam Investment Review - FDI Statistics</a></li>
</ol>
</section>
<footer>
<p>© 2025 Vietnam Economic Growth Report. All rights reserved.</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
// GDP Forecast Chart
const gdpCtx = document.getElementById('gdpChart').getContext('2d');
new Chart(gdpCtx, {
type: 'bar',
data: {
labels: ['World Bank', 'Asian Development Bank', 'IMF', 'Government Target'],
datasets: [{
label: 'GDP Growth Forecast (%)',
data: [5.8, 6.6, 5.2, 8.3],
backgroundColor: [
'rgba(75, 192, 192, 0.6)',
'rgba(54, 162, 235, 0.6)',
'rgba(255, 99, 132, 0.6)',
'rgba(153, 102, 255, 0.6)'
],
borderColor: [
'rgba(75, 192, 192, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 99, 132, 1)',
'rgba(153, 102, 255, 1)'
],
borderWidth: 1
}]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'top',
},
tooltip: {
callbacks: {
label: function(context) {
return context.parsed.y.toFixed(1) + '%';
}
}
}
},
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: 'GDP Growth Rate (%)'
}
}
}
}
});
// FDI Chart
const fdiCtx = document.getElementById('fdiChart').getContext('2d');
new Chart(fdiCtx, {
type: 'line',
data: {
labels: ['Jan-May 2024', 'Jan-May 2025'],
datasets: [{
label: 'Registered Capital ($B)',
data: [12.1, 18.4],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.5)',
tension: 0.1,
fill: false
},
{
label: 'Disbursed Capital ($B)',
data: [7.2, 8.9],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.5)',
tension: 0.1,
fill: false
}]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'top',
},
tooltip: {
callbacks: {
label: function(context) {
return context.dataset.label + ': $' + context.parsed.y.toFixed(1) + 'B';
}
}
}
},
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: 'Amount ($ Billion)'
}
}
}
}
});
// Historical Chart
const historicalCtx = document.getElementById('historicalChart').getContext('2d');
new Chart(historicalCtx, {
type: 'line',
data: {
labels: ['2020', '2021', '2022', '2023', '2024', '2025'],
datasets: [{
label: 'Q1 GDP Growth Rate (%)',
data: [3.21, 4.85, 5.42, 3.46, 5.98, 6.93],
borderColor: 'rgba(52, 152, 219, 1)',
backgroundColor: 'rgba(52, 152, 219, 0.2)',
fill: true,
tension: 0.3
}]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'top',
},
tooltip: {
callbacks: {
label: function(context) {
return context.parsed.y.toFixed(2) + '%';
}
}
}
},
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: 'GDP Growth Rate (%)'
}
}
}
}
});
// Smooth scrolling for navigation
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
});
</script>
</body>
</html>