An interactive 77-province choropleth heatmap and district-level drill-down telemetry built to transform raw TikTok Shop orders into regional revenue intelligence.
Technical Architecture5-Sec Digest
DomainE-Commerce Geo-Intelligence
Core StackReact, D3-Geo, GeoJSON
RoleFull-Stack & Data Engineer
Commercial OutcomeGeo-Targeted Ad Optimization
77
Provinces Mapped
928
Districts (Amphoe)
+24%
Ad ROAS Lift
Core Engineering Innovations
Fuzzy Address Normalization: Built a parser solving unstructured Thai shipping strings into standardized Province & Amphoe IDs with bilingual support (TH/EN/ZH).
D3-Geo Vector Projection: Designed a custom SVG coordinate projection supporting fluid zoom, pan, hover tooltips, and quantile heat scales without lag.
Geo-Fencing Ad Precision: Pinpointed high-AOV clusters (Bangkok, Chiang Mai, Chonburi) and excluded low-ROI zones in TikTok Ads Manager to maximize margin.
Architectural Artifacts3 Key Modules
Artifact 01
77-Province National Choropleth Heatmap
D3-Geo Vector
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
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
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