Geospatial Intelligence D3-Geo & GeoJSON TikTok Shop Analytics
Hom Aroma · System Architecture Case

Thailand Sales Map & Geo-Intelligence Engine

An interactive 77-province choropleth heatmap and district-level drill-down telemetry built to transform raw TikTok Shop orders into regional revenue intelligence.

Technical Architecture 5-Sec Digest
Domain E-Commerce Geo-Intelligence
Core Stack React, D3-Geo, GeoJSON
Role Full-Stack & Data Engineer
Commercial Outcome Geo-Targeted Ad Optimization
77
Provinces Mapped
928
Districts (Amphoe)
+24%
Ad ROAS Lift
Core Engineering Innovations
Architectural Artifacts 3 Key Modules
Artifact 01

77-Province National Choropleth Heatmap

D3-Geo Vector
BKK (฿148K) Chiang Mai Chonburi Phuket Top Provinces 1. Bangkok ฿148,250 (44%) 2. Chonburi ฿42,100 (12%) 3. Chiang Mai ฿31,450 (9%) 4. Nonthaburi ฿24,800 (7%) Revenue Quantiles
Tap to expand

What it shows: Macro spatial heatmap calculating regional revenue shares, customer volume, and order density across all 77 Thai provinces.

What this proves: Demonstrates mastery of D3-geo SVG projections, quantile scale algorithms, and real-time client-side interactive rendering without performance degradation.
Artifact 02

District-Level (Amphoe) Deep Drill-Down

Micro-Targeting
Bangkok (กรุงเทพมหานคร) · 50 Districts 50 Amphoes วัฒนา คลองเตย จตุจักร บางนา High-Intent Amphoes 1. วัฒนา (Watthana) ฿38,400 · Diffusers (62%) 2. คลองเตย (Khlong Toei) ฿26,900 · Scent Spray 3. ปทุมวัน (Pathum Wan) ฿21,500 · Reed Diffuser 4. บางรัก (Bang Rak) ฿18,200 · Essential Oils
Tap to expand

What it shows: Secondary modal zooming into individual amphoes, correlating postal codes with product category affinities (e.g. Reed Diffusers vs. Essential Oils).

What this proves: Proves capability in architecting complex hierarchical interfaces and translating micro-geographic patterns into targeted SKU marketing.
Artifact 03

Fuzzy Address Normalization Pipeline

Data Pipeline
RAW INPUT TikTok Shop "กทม. สุขุมวิท 39 วัฒนา คลองตัน 10110" ⚠️ Unstructured ⚠️ Typos / Abbreviations PARSER LOGIC thaiGeoUtils.ts • Zipcode Cross-ref • Prefix Stripper • Alias Mapping • Multilingual Keys 99.4% Match Rate GEO OUTPUT Clean Schema Prov: Bangkok Dist: Watthana Region: Central Code: 10 ✓ Ready for D3
Tap to expand

What it shows: Robust multi-stage ingestion parsing messy addresses, abbreviations (e.g. กทม.), and postal codes into standardized geographic relational schema.

What this proves: Demonstrates practical data engineering rigor and algorithmic problem solving under real-world marketplace data imperfections.
Executive Strategic Takeaway
“By elevating raw e-commerce logistics data into interactive geospatial intelligence, we replaced nationwide spray-and-pray advertising with targeted regional ad bidding—cutting wasted ad spend while accelerating delivery turnaround in prime buying corridors.”
Hom Aroma Geospatial Analytics System
Candidate Engineering & Architecture Showcase