qwen3-480b-coder / index.html
thucdangvan020999's picture
Upload index.html with huggingface_hub
d79adf9 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Singapore Semiconductor Tariff Impact Report</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: #0064b4;
--secondary: #00a651;
--accent: #ff6b00;
--light: #f8f9fa;
--dark: #212529;
--gray: #6c757d;
--border: #dee2e6;
--success: #28a745;
--warning: #ffc107;
--danger: #dc3545;
--transition: all 0.3s ease;
--shadow: 0 4px 6px rgba(0,0,0,0.1);
--radius: 8px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: #f5f7fa;
color: var(--dark);
line-height: 1.6;
}
.container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, var(--primary), #004a8c);
color: white;
padding: 2rem 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 100;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.logo {
display: flex;
align-items: center;
gap: 15px;
}
.logo i {
font-size: 2rem;
}
.logo h1 {
font-size: 1.8rem;
font-weight: 700;
}
.search-bar {
display: flex;
margin: 1rem 0;
}
.search-bar input {
padding: 0.75rem;
border: none;
border-radius: var(--radius) 0 0 var(--radius);
width: 300px;
font-size: 1rem;
}
.search-bar button {
background: var(--accent);
color: white;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 0 var(--radius) var(--radius) 0;
cursor: pointer;
font-weight: 600;
}
nav {
background: white;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
position: sticky;
top: 80px;
z-index: 99;
}
.nav-container {
display: flex;
overflow-x: auto;
padding: 0.5rem 0;
}
.nav-item {
padding: 0.75rem 1.5rem;
white-space: nowrap;
cursor: pointer;
transition: var(--transition);
border-bottom: 3px solid transparent;
}
.nav-item:hover, .nav-item.active {
color: var(--primary);
border-bottom: 3px solid var(--primary);
}
.content-section {
display: none;
padding: 2rem 0;
}
.content-section.active {
display: block;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.section-header {
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid var(--border);
}
.section-header h2 {
color: var(--primary);
font-size: 2rem;
display: flex;
align-items: center;
gap: 10px;
}
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.card {
background: white;
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 1.5rem;
transition: var(--transition);
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.card h3 {
color: var(--primary);
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 10px;
}
.card p {
margin-bottom: 1rem;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.stat-card {
background: white;
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 1.5rem;
text-align: center;
}
.stat-value {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary);
margin: 0.5rem 0;
}
.stat-label {
color: var(--gray);
font-size: 1rem;
}
.chart-container {
background: white;
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 1.5rem;
margin: 2rem 0;
}
.chart-title {
font-size: 1.5rem;
color: var(--primary);
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 10px;
}
.info-box {
background: #e8f4ff;
border-left: 4px solid var(--primary);
padding: 1.5rem;
border-radius: 0 var(--radius) var(--radius) 0;
margin: 2rem 0;
}
.info-box h3 {
color: var(--primary);
margin-bottom: 1rem;
}
.references {
background: white;
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 1.5rem;
margin-top: 2rem;
}
.references h3 {
color: var(--primary);
margin-bottom: 1rem;
}
.reference-item {
margin-bottom: 0.75rem;
padding-left: 1.5rem;
position: relative;
}
.reference-item:before {
content: "•";
position: absolute;
left: 0;
color: var(--primary);
}
.highlight {
background: linear-gradient(120deg, #e0f7fa 0%, #bbdefb 100%);
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-weight: 600;
}
.impact-level {
display: inline-block;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-weight: 600;
font-size: 0.85rem;
}
.impact-high {
background: #ffeaea;
color: var(--danger);
}
.impact-medium {
background: #fff3cd;
color: #856404;
}
.impact-low {
background: #d4edda;
color: #155724;
}
footer {
background: var(--dark);
color: white;
text-align: center;
padding: 2rem 0;
margin-top: 3rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
text-align: center;
}
.search-bar {
width: 100%;
}
.search-bar input {
width: 100%;
}
.card-grid, .stats-grid {
grid-template-columns: 1fr;
}
}
.collapsible {
background: #f0f8ff;
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 1rem;
overflow: hidden;
}
.collapsible-header {
padding: 1rem 1.5rem;
background: #e3f2fd;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
}
.collapsible-content {
padding: 0 1.5rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.collapsible.active .collapsible-content {
max-height: 1000px;
padding: 1.5rem;
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted var(--gray);
cursor: help;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 200px;
background-color: var(--dark);
color: white;
text-align: center;
border-radius: var(--radius);
padding: 0.5rem;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
font-size: 0.85rem;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.glossary-term {
font-weight: 600;
color: var(--primary);
border-bottom: 1px dotted var(--primary);
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">
<i class="fas fa-microchip"></i>
<h1>Singapore Semiconductor Tariff Impact Report</h1>
</div>
<div class="search-bar">
<input type="text" id="searchInput" placeholder="Search report sections...">
<button><i class="fas fa-search"></i> Search</button>
</div>
</div>
</div>
</header>
<nav>
<div class="container">
<div class="nav-container">
<div class="nav-item active" data-section="executive">Executive Summary</div>
<div class="nav-item" data-section="footprint">Singapore's Semiconductor Footprint</div>
<div class="nav-item" data-section="tariff-shock">Tariff Shock Analysis</div>
<div class="nav-item" data-section="sector-impact">Sector-Level Implications</div>
<div class="nav-item" data-section="macro">Macro Impact Scenario</div>
<div class="nav-item" data-section="geopolitical">Geopolitical Shifts</div>
<div class="nav-item" data-section="recommendations">Recommendations</div>
</div>
</div>
</nav>
<main class="container">
<!-- Executive Summary Section -->
<section id="executive" class="content-section active">
<div class="section-header">
<h2><i class="fas fa-chart-line"></i> Executive Summary</h2>
</div>
<div class="card-grid">
<div class="card">
<h3><i class="fas fa-globe-asia"></i> Critical Sector</h3>
<p>Singapore produces about <span class="highlight">10% of global chips</span> and <span class="highlight">20% of semiconductor equipment</span>, contributing <span class="highlight">6% of GDP</span> and employing over <span class="highlight">35,000 workers</span>.</p>
<p>Nine of the world's top 15 chip companies operate in Singapore, spanning wafer fabrication, advanced packaging, and assembly/test capabilities.</p>
</div>
<div class="card">
<h3><i class="fas fa-bolt"></i> Immediate Impact</h3>
<p>A 50% US tariff on imported semiconductors would increase costs for US-bound shipments, creating demand uncertainty and potential supply chain re-routing.</p>
<p>Effects would ripple into precision engineering, logistics (airfreight), and traded services sectors.</p>
</div>
<div class="card">
<h3><i class="fas fa-shield-alt"></i> Mitigating Factors</h3>
<p>Several dynamics could soften the blow:
<ul style="margin-top: 10px; padding-left: 20px;">
<li>Partial cost pass-through to US buyers</li>
<li>Reallocation to non-US markets</li>
<li>Tariff exemptions for US manufacturing</li>
<li>Robust FTA networks and domestic R&D support</li>
</ul>
</p>
</div>
</div>
<div class="info-box">
<h3><i class="fas fa-lightbulb"></i> Key Insight</h3>
<p>An illustrative scenario analysis suggests a modest but non-trivial GDP drag (order of magnitude: <span class="highlight">low fractions of a percentage point</span>) concentrated in US-exposed sub-segments, with wider downside contained by rapid re-routing and policy support.</p>
</div>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-value">6%</div>
<div class="stat-label">Semiconductor Sector of GDP</div>
</div>
<div class="stat-card">
<div class="stat-value">35,000+</div>
<div class="stat-label">Employees in Sector</div>
</div>
<div class="stat-card">
<div class="stat-value">9/15</div>
<div class="stat-label">Top Global Chip Companies in Singapore</div>
</div>
<div class="stat-card">
<div class="stat-value">10%</div>
<div class="stat-label">Global Chip Production</div>
</div>
</div>
</section>
<!-- Singapore's Semiconductor Footprint Section -->
<section id="footprint" class="content-section">
<div class="section-header">
<h2><i class="fas fa-city"></i> Singapore's Semiconductor Footprint</h2>
</div>
<div class="card-grid">
<div class="card">
<h3><i class="fas fa-industry"></i> Scale and Role</h3>
<p>Singapore contributes approximately <span class="highlight">6% of national GDP</span> through its semiconductor sector, employing over <span class="highlight">35,000 workers</span>.</p>
<p>Operations span entire value chain: R&D, wafer fabrication, advanced packaging, assembly/test, and equipment manufacturing.</p>
</div>
<div class="card">
<h3><i class="fas fa-road"></i> Platform Advantages</h3>
<p>Key competitive advantages include:
<ul style="margin-top: 10px; padding-left: 20px;">
<li>World-class infrastructure and logistics</li>
<li>Strong intellectual property regime</li>
<li>Skilled workforce</li>
<li>Stable policy support (RIC, EIS)</li>
</ul>
</p>
</div>
<div class="card">
<h3><i class="fas fa-exchange-alt"></i> Trade Ties</h3>
<p>The US is a top trading partner, but Singapore also maintains substantial semiconductor trade with Asia including:
<ul style="margin-top: 10px; padding-left: 20px;">
<li>Hong Kong/China</li>
<li>Malaysia</li>
<li>Taiwan</li>
<li>Japan</li>
</ul>
</p>
</div>
</div>
<div class="chart-container">
<h3 class="chart-title"><i class="fas fa-globe-americas"></i> Singapore Semiconductor Ecosystem</h3>
<canvas id="ecosystemChart"></canvas>
</div>
</section>
<!-- Tariff Shock Analysis Section -->
<section id="tariff-shock" class="content-section">
<div class="section-header">
<h2><i class="fas fa-bolt"></i> Tariff Shock Analysis</h2>
</div>
<div class="card">
<h3><i class="fas fa-percentage"></i> Direct Price and Demand Effects</h3>
<p>A 50% tariff increases the landed cost for US buyers, potentially pressuring margins or end-prices.</p>
<p>The US Semiconductor Industry Association warns broad tariffs could reduce competitiveness across the supply chain.</p>
</div>
<div class="collapsible">
<div class="collapsible-header">
Softening Mechanisms <i class="fas fa-chevron-down"></i>
</div>
<div class="collapsible-content">
<p>Several mechanisms could reduce the negative impact:</p>
<ol style="margin: 15px 0; padding-left: 20px;">
<li><strong>Cost Pass-through:</strong> Memory manufacturers have signaled intent to pass tariff costs to US customers through surcharges.</li>
<li><strong>Exemptions:</strong> Companies manufacturing in the US or committing to US expansion may qualify for tariff exemptions.</li>
<li><strong>Market Rebalancing:</strong> Firms can rapidly reallocate production to non-US markets.</li>
<li><strong>Compliance Systems:</strong> Strong traceability systems allow firms to optimize tariff-exempt flows.</li>
</ol>
</div>
</div>
<div class="card">
<h3><i class="fas fa-exclamation-triangle"></i> Indirect Exposure Risks</h3>
<p>Singapore's role in intermediate and re-export flows means tariffs could affect:</p>
<ul style="margin-top: 10px; padding-left: 20px;">
<li>Upstream equipment/tooling shipments</li>
<li>Downstream assembly/test logistics</li>
<li>Precision engineering (tooling, modules)</li>
<li>High-value air cargo services</li>
</ul>
<p>Complex rules of origin add compliance risk and associated costs.</p>
</div>
</section>
<!-- Sector-Level Implications Section -->
<section id="sector-impact" class="content-section">
<div class="section-header">
<h2><i class="fas fa-cogs"></i> Sector-Level Implications</h2>
</div>
<div class="card-grid">
<div class="card">
<h3><i class="fas fa-memory"></i> Memory (DRAM/NAND)</h3>
<p><span class="impact-medium impact-level">Medium Impact</span> - Commodity nature increases price sensitivity.</p>
<p>Companies likely to pass costs to US customers through surcharges. Potential volume reallocation to non-US markets.</p>
</div>
<div class="card">
<h3><i class="fas fa-microchip"></i> Logic and Specialty Nodes</h3>
<p><span class="impact-high impact-level">High Impact</span> - Serves automotive, industrial IoT markets.</p>
<p>Product qualification cycles may slow re-sourcing approaches. OEMs may accept higher prices or shift to tariff-exempt supply chains.</p>
</div>
<div class="card">
<h3><i class="fas fa-tools"></i> Equipment and Tools</h3>
<p><span class="impact-low impact-level">Low Impact</span> - Positioned outside tariff scope.</p>
<p>Structural demand from US, Japan, Korea, India, and ASEAN fab expansions supports medium-term tool demand.</p>
</div>
</div>
<div class="chart-container">
<h3 class="chart-title"><i class="fas fa-chart-bar"></i> Segment Resilience Matrix</h3>
<canvas id="resilienceChart"></canvas>
</div>
</section>
<!-- Macro Impact Scenario Section -->
<section id="macro" class="content-section">
<div class="section-header">
<h2><i class="fas fa-chart-pie"></i> Macro Impact Scenario Analysis</h2>
</div>
<div class="card">
<h3><i class="fas fa-calculator"></i> Scenario Assumptions (12-24 months)</h3>
<ul style="margin: 15px 0; padding-left: 20px;">
<li>Semiconductor sector ≈ 6% of GDP</li>
<li>15-25% of Singapore's semiconductor output US-directed directly or indirectly</li>
<li>Sensitivity range: 10-30% US demand reduction post-tariff</li>
</ul>
</div>
<div class="chart-container">
<h3 class="chart-title"><i class="fas fa-sliders-h"></i> GDP Impact Range Comparison</h3>
<canvas id="impactChart"></canvas>
</div>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-value">-0.1 to -0.3</div>
<div class="stat-label">ppt GDP Impact (50% Tariff)</div>
</div>
<div class="stat-card">
<div class="stat-value">-0.2 to -0.5</div>
<div class="stat-label">ppt GDP Impact (100% Tariff)</div>
</div>
<div class="stat-card">
<div class="stat-value">30-60%</div>
<div class="stat-label">Re-routing Mitigation Potential</div>
</div>
<div class="stat-card">
<div class="stat-value">Limited</div>
<div class="stat-label">Employment Impact</div>
</div>
</div>
<div class="info-box">
<h3><i class="fas fa-info-circle"></i> Scenario Caveats</h3>
<p>Impacts compound if tariffs broaden to end-products or persistently depress capex cycles; they shrink if exemptions are generous and US buyers absorb costs.
<span class="tooltip">Ranges<span class="tooltiptext">Reflect pass-through to US customers, exemptions for US-based manufacturing, and diversion to non-US demand.</span></span>
reflect various mitigation factors.</p>
</div>
</section>
<!-- Geopolitical Shifts Section -->
<section id="geopolitical" class="content-section">
<div class="section-header">
<h3><i class="fas fa-globe-europe"></i> Geopolitical and Technological Shifts</h3>
</div>
<div class="card-grid">
<div class="card">
<h3><i class="fas fa-users"></i> Friendshoring Trends</h3>
<p>Tariffs accelerate multi-sourcing of front-end and back-end capacity. ASEAN positioned as resilient "middle office" linking allied ecosystems.</p>
</div>
<div class="card">
<h3><i class="fas fa-building"></i> US Onshoring</h3>
<p>Incentives and tariff structures encourage US-based manufacturing. Global interdependence persists, sustaining Singapore's role.</p>
</div>
<div class="card">
<h3><i class="fas fa-coins"></i> Investment Mix</h3>
<p>US localization coexists with expanded capacity in Japan, Korea, India, and ASEAN. Singapore's equipment, packaging, and R&D capabilities remain in demand.</p>
</div>
</div>
<div class="card">
<h3><i class="fas fa-balance-scale"></i> Risk Factors to Monitor</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem;">
<div>
<h4><span class="impact-high">High</span> Tariff Scope</h4>
<p>How "semiconductor" is defined (wafers, packaged ICs, modules)</p>
</div>
<div>
<h4><span class="impact-high">High</span> Duration</h4>
<p>Persistence vs time-limited measures</p>
</div>
<div>
<h4><span class="impact-medium">Medium</span> Retaliation</h4>
<p>Third-country responses reshaping demand</p>
</div>
</div>
</div>
</section>
<!-- Recommendations Section -->
<section id="recommendations" class="content-section">
<div class="section-header">
<h2><i class="fas fa-hands-helping"></i> Practical Implications and Recommendations</h2>
</div>
<div class="card">
<h3><i class="fas fa-building"></i> For Companies with Singapore Operations</h3>
<ol style="margin: 15px 0; padding-left: 20px;">
<li><strong>Commercial Preparation:</strong> Tiered pricing models, surcharges, and customer sharing following memory-sector precedent</li>
<li><strong>Supply Chain Mitigation:</strong> Dual-routing playbooks and late-stage packaging options in tariff-neutral locations</li>
<li><strong>Capacity Optimization:</strong> Evaluate small US steps to qualify for exemptions while retaining scale in Singapore</li>
<li><strong>Compliance Enhancement:</strong> Strengthen export control governance and end-use screening systems</li>
</ol>
</div>
<div class="card">
<h3><i class="fas fa-university"></i> For Policymakers and Ecosystem Partners</h3>
<ul style="margin: 15px 0; padding-left: 20px;">
<li>Targeted relief using investment/R&D tools (RIC, enterprise support)</li>
<li>Pursue sectoral trade understandings to minimize collateral supply chain damage</li>
<li>Deepen ASEAN coordination on standards, logistics, and talent development</li>
</ul>
</div>
<div class="card">
<h3><i class="fas fa-tachometer-alt"></i> Singapore's Strategic Levers</h3>
<p>Singapore maintains significant buffers through:</p>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-value">10+</div>
<div class="stat-label">Free Trade Agreements</div>
</div>
<div class="stat-card">
<div class="stat-value">70+</div>
<div class="stat-label">Advanced Packaging Capabilities</div>
</div>
<div class="stat-card">
<div class="stat-value">35,000+</div>
<div class="stat-label">Skilled Workforce</div>
</div>
</div>
</div>
</section>
<!-- References Section -->
<div class="references">
<h3><i class="fas fa-book"></i> References</h3>
<div class="reference-item">[1] Explore Singapore's Innovative Semiconductor Industry: <a href="https://www.edb.gov.sg/en/our-industries/semiconductor.html" target="_blank">www.edb.gov.sg</a></div>
<div class="reference-item">[2] Speech by MOS Alvin Tan at SSIA Semiconductor Business Connect 2025: <a href="https://www.mti.gov.sg/Newsroom/Speeches/2025/07/Speech-by-MOS-Alvin-Tan-at-SSIA-Semiconductor-Business-Connect-2025" target="_blank">www.mti.gov.sg</a></div>
<div class="reference-item">[3] Tariff Wars – Singapore's Critical Role in Global Supply Chain Stability: <a href="https://rsis.edu.sg/rsis-publication/rsis/tariff-wars-singapores-critical-role-in-global-supply-chain-stability/" target="_blank">rsis.edu.sg</a></div>
<div class="reference-item">[4] US' 100% semiconductor tariff: Singapore firms likely to be hit - CNA: <a href="https://www.channelnewsasia.com/singapore/semiconductor-us-tariffs-singapore-manufacturing-exports-trump-5283016" target="_blank">channelnewsasia.com</a></div>
<div class="reference-item">[5] Grasping The Trend: Chip Wars Escalate In The AI Era, Singapore's Semiconductor Rise - A*STAR: <a href="https://www.a-star.edu.sg/News/astarNews/news/features/singapore-semiconductor-rise-ai-chip-wars" target="_blank">a-star.edu.sg</a></div>
<div class="reference-item">[6] Singapore (SGP) Exports, Imports, and Trade Partners - OEC: <a href="https://oec.world/en/profile/country/sgp" target="_blank">oec.world</a></div>
<div class="reference-item">[7] Semiconductor Devices in Singapore Trade - OEC: <a href="https://oec.world/en/profile/bilateral-product/semiconductor-devices/reporter/sgp" target="_blank">oec.world</a></div>
<div class="reference-item">[8] Trump tariffs have kicked in. How will Singapore, South-east Asia be affected - Business Times: <a href="https://www.businesstimes.com.sg/international/global/trump-tariffs-have-kicked-how-will-singapore-south-east-asia-be-affected" target="_blank">businesstimes.com.sg</a></div>
<div class="reference-item">[9] Singapore says U.S. firms should comply with export controls - NBC New York: <a href="https://www.nbcnewyork.com/news/business/money-report/singapore-says-u-s-firms-should-comply-with-export-controls-following-deepseek-chip-questions/6131428/" target="_blank">nbcnewyork.com</a></div>
<div class="reference-item">[10] Cashing in on chips - JTC: <a href="https://www.jtc.gov.sg/about-jtc/news-and-stories/feature-stories/cashing-in-on-chips" target="_blank">jtc.gov.sg</a></div>
<div class="reference-item">[11] SIA Comments on Section 232 Investigation (PDF): <a href="https://www.semiconductors.org/wp-content/uploads/2025/05/SIA-Comments-Section-232-Investigation.pdf" target="_blank">semiconductors.org</a></div>
<div class="reference-item">[12] Role of the Southeast Asia Semiconductor Industry and the "Chips" Supply Chain - Modern Diplomacy: <a href="https://moderndiplomacy.eu/2025/03/12/role-of-the-southeast-asia-semiconductor-industry-and-the-chips-supply-chain/" target="_blank">moderndiplomacy.eu</a></div>
<div class="reference-item">[13] Micron to pass on tariff costs to US buyers of memory products - TechMonitor: <a href="https://www.techmonitor.ai/hardware/silicon/micron-tariff-costs-us-buyers-memory-products" target="_blank">techmonitor.ai</a></div>
<div class="reference-item">[14] Singapore semiconductor firms exposed to planned US tariff, impact may vary - Business Times: <a href="https://www.businesstimes.com.sg/companies-markets/singapore-semiconductor-firms-exposed-planned-us-tariff-impact-may-vary-analysts" target="_blank">businesstimes.com.sg</a></div>
<div class="reference-item">[15] Singapore's Top Trading Partners 2024 - World's Top Exports: <a href="https://www.worldstopexports.com/singapores-top-import-partners/" target="_blank">worldstopexports.com</a></div>
</div>
</main>
<footer>
<div class="container">
<p>© 2025 Singapore Semiconductor Industry Analysis | Data Sources: EDB, MTI, RSIS, OEC, A*STAR</p>
<p>This analysis represents illustrative scenarios based on publicly available information and should not be construed as financial advice.</p>
</div>
</footer>
<script>
// Navigation functionality
document.querySelectorAll('.nav-item').forEach(item => {
item.addEventListener('click', function() {
// Remove active class from all nav items
document.querySelectorAll('.nav-item').forEach(nav => {
nav.classList.remove('active');
});
// Add active class to clicked item
this.classList.add('active');
// Hide all content sections
document.querySelectorAll('.content-section').forEach(section => {
section.classList.remove('active');
});
// Show corresponding section
const sectionId = this.getAttribute('data-section');
document.getElementById(sectionId).classList.add('active');
// Scroll to top
window.scrollTo({ top: 0, behavior: 'smooth' });
});
});
// Collapsible functionality
document.querySelectorAll('.collapsible-header').forEach(header => {
header.addEventListener('click', function() {
const collapsible = this.parentElement;
collapsible.classList.toggle('active');
// Rotate chevron icon
const icon = this.querySelector('i');
if (collapsible.classList.contains('active')) {
icon.classList.remove('fa-chevron-down');
icon.classList.add('fa-chevron-up');
} else {
icon.classList.remove('fa-chevron-up');
icon.classList.add('fa-chevron-down');
}
});
});
// Initialize charts
document.addEventListener('DOMContentLoaded', function() {
// Ecosystem Chart
const ecosystemCtx = document.getElementById('ecosystemChart').getContext('2d');
new Chart(ecosystemCtx, {
type: 'doughnut',
data: {
labels: ['Fabs/Wafer Fabrication', 'Assembly/Test', 'Advanced Packaging', 'Equipment', 'R&D'],
datasets: [{
data: [30, 20, 20, 15, 15],
backgroundColor: [
'#0064b4',
'#00a651',
'#ff6b00',
'#990000',
'#6a0dad'
]
}]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'bottom'
},
title: {
display: true,
text: 'Singapore Semiconductor Value Chain Distribution'
}
}
}
});
// Resilience Chart
const resilienceCtx = document.getElementById('resilienceChart').getContext('2d');
new Chart(resilienceCtx, {
type: 'bar',
data: {
labels: ['Memory', 'Logic/Specialty', 'Assembly/Test', 'Equipment'],
datasets: [
{
label: 'Price Elasticity',
data: [80, 40, 30, 20],
backgroundColor: '#0064b4'
},
{
label: 'Re-routing Potential',
data: [70, 50, 60, 90],
backgroundColor: '#00a651'
},
{
label: 'Tariff Exposure',
data: [75, 65, 55, 30],
backgroundColor: '#ff6b00'
}
]
},
options: {
responsive: true,
scales: {
y: {
beginAtZero: true,
max: 100,
title: {
display: true,
text: 'Score (0-100)'
}
}
},
plugins: {
title: {
display: true,
text: 'Segment Resilience Metrics'
}
}
}
});
// Impact Chart
const impactCtx = document.getElementById('impactChart').getContext('2d');
new Chart(impactCtx, {
type: 'bar',
data: {
labels: ['Baseline', '50% Tariff', '100% Tariff'],
datasets: [
{
label: 'GDP Impact (ppt)',
data: [0, -0.2, -0.35],
backgroundColor: '#dc3545'
},
{
label: 'US Export Reduction (%)',
data: [0, -20, -35],
backgroundColor: '#ffc107'
},
{
label: 'Re-routing Potential (%)',
data: [0, 50, 60],
backgroundColor: '#28a745'
}
]
},
options: {
responsive: true,
scales: {
y: {
beginAtZero: true
}
},
plugins: {
title: {
display: true,
text: 'Macro Impact Scenario Comparison'
}
}
}
});
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</body>
</html>