<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Spice Production & Trade Routes (16th–17th Century)</title>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
</head>
<body>
<div class="mermaid">
flowchart TD
A["แหล่งผลิตเครื่องเทศ<br/>หมู่เกาะโมลุกกะ (กานพลู, ลูกจันทน์เทศ)"]
B["บันดา (Nutmeg & Mace)"]
C["Ambon (Cloves)"]
D["ศรีลังกา (Cinnamon)"]
E["ชายฝั่งมาลาบาร์ อินเดีย<br/>(Pepper)"]
subgraph SEA[เอเชียตะวันออกเฉียงใต้]
A -->|"ส่งออก"| Malacca["ท่ามะละกา (Malaysia)"]
A -->|"VOC ดัตช์ควบคุม"| Batavia["บาตาเวีย (Java)"]
B --> Malacca
C --> Malacca
end
subgraph SouthAsia[เอเชียใต้]
D -->|"ส่งออกอบเชย"| Goa["กัว (โปรตุเกส)"]
E --> Goa
Goa --> Hormuz["ออร์มุซ (เปอร์เซีย)"]
end
subgraph EastAsia[เอเชียตะวันออก]
Malacca --> Ayutthaya["อยุธยา (Siam Hub)"]
Ayutthaya --> China["กวางตุ้ง/มาเก๊า (จีน)"]
Ayutthaya --> Japan["นางาซากิ (ญี่ปุ่น)"]
end
subgraph MiddleEast[ตะวันออกกลาง & แอฟริกา]
Hormuz --> Mombasa["มอมบาซา (แอฟริกาตะวันออก)"]
Mombasa --> Lisbon["ลิสบอน (โปรตุเกส)"]
end
subgraph Europe[ยุโรป]
Lisbon --> Amsterdam["อัมสเตอร์ดัม (ดัตช์)"]
Lisbon --> London["ลอนดอน (อังกฤษ)"]
end
%% Styling
classDef hub fill:#f9f,stroke:#333,stroke-width:2px;