Theme Showcase · 2026-05-01

모노 톤 위에 골드 하이라이트 — MapLibre + d3-geo

라이트 모노와 버건디 모노 두 팔레트에 동일한 데이터셋을 입혀 비교한다. 베이스 타일은 회색조로 단순화하고, 의미가 실리는 노드와 곡선만 골드로 끌어 올려 "절제된 모노 + 단일 강조" 원칙이 화면에서 어떻게 작동하는지 본다.

maplibre-gl 4.7 d3-geo v7 highlight #C9A84C cream / burgundy
Light Mono

밝은 크림 베이스 — 인쇄물 톤의 정적인 읽기

배경은 따뜻한 크림(#FAFAF7), 카드는 한 단 어두운 #F2EEE6, 텍스트는 4단계로 분리. 지도 베이스 타일은 grayscale 처리하여 색 노이즈를 제거하고, 항만 노드와 부산↔싱가포르 회랑만 골드로 강조한다.

동북아·동남아 항만 네트워크 (2026-Q2)
MapLibre · d3-geo
일반 항로
중점 회랑
관측 노드
베이스 타일 © OpenStreetMap, © CARTO. 회색조 필터 적용. 곡선은 d3.geoInterpolate 으로 생성한 great-circle 보간 경로를 maplibre 투영으로 재투영해 그린다.
주간 컨테이너 처리량 (TEU, 천)
d3 · 16w
412
평균 / 주
478
14주차 피크
+12.4%
YoY
14주차에 부산↔싱가포르 회랑 환적이 급증. 단일 막대를 골드로 끌어 올려 다른 막대의 모노 톤을 죽이지 않는다.
Burgundy Mono

짙은 마룬 베이스 — 야간 대시보드 톤

배경 #2B1A1A · 카드 #3D2828 · 크림 텍스트 #F0E2CC. 지도 타일은 어둠 모노에 약한 sepia + hue-rotate 로 마룬 톤을 입혀 베이스맵 자체가 테마에 녹아들게 했다. 동일한 골드(#C9A84C)가 어두운 배경 위에서 더 진하게 발화한다.

동북아·동남아 항만 네트워크 (2026-Q2)
MapLibre · d3-geo
일반 항로
중점 회랑
관측 노드
베이스 타일 © OpenStreetMap, © CARTO. grayscale + sepia(0.55) + hue-rotate(-25deg) 합성으로 마룬 톤 합성. 오버레이 SVG 는 동일한 d3-geo 변환 로직 재사용.
주간 컨테이너 처리량 (TEU, 천)
d3 · 16w
412
평균 / 주
478
14주차 피크
+12.4%
YoY
어두운 배경에서는 골드의 채도가 더 살아 단일 강조의 효과가 강해진다. 배경/막대/하이라이트 명도차로만 계층이 만들어지는 구조.