Hex Tile Map

설명 / Description

헥스 타일 맵은 일반적인 지도의 불규칙한 지리적 형태를 지역(주, 국가, 구역)별로 하나씩 균일한 육각형 타일로 대체합니다. 육각형은 원래 지리의 공간적 관계를 근사하도록 배치됩니다 -- 이웃은 여전히 이웃으로 남고, 대체적인 방위도 유지됩니다 -- 하지만 모든 지역이 정확히 동일한 시각적 면적을 받습니다. 이는 코로플레스 맵의 근본적인 문제, 즉 데이터의 중요도와 무관하게 면적이 넓은 지역이 시각적 주의를 독점하는 문제를 해결합니다.

A hex tile map replaces the irregular geographic shapes of a conventional map with uniform hexagonal tiles, one per region (state, country, district). The hexagons are arranged to approximate the spatial relationships of the original geography -- neighbors remain neighbors, and general compass directions are preserved -- but every region receives exactly the same visual area. This solves the fundamental problem of choropleths: large-area regions dominating visual attention regardless of their data importance.

육각형 모양이 정사각형보다 선호되는 이유는 육각형이 평면을 여섯 개의 등거리 이웃으로 타일링할 수 있기 때문입니다(정사각형은 네 개). 이는 더 유기적이고 시각적으로 균형 잡힌 레이아웃을 만들어냅니다. 각 타일은 데이터를 인코딩하기 위해 색칠되거나, 레이블이 붙거나, 작은 차트(스파크라인, 막대, 아이콘)로 채워질 수 있어, 헥스 타일 맵을 지리적 스몰 멀티플을 위한 다재다능한 캔버스로 만들어줍니다.

The hexagonal shape is preferred over squares because hexagons tile the plane with six equidistant neighbors (compared to four for squares), producing a more organic and visually balanced layout. Each tile can be colored, labeled, or filled with a small chart (sparkline, bar, icon) to encode data, making hex tile maps a versatile canvas for geographic small multiples.

헥스 타일 맵을 디자인하려면 지리적 충실도와 제약 조건 충족 사이의 균형을 맞추는 레이아웃 알고리즘이나 수작업 배치가 필요합니다: 타일은 겹치지 않아야 하고, 이웃은 인접해야 하며, 전체 형태는 인식 가능해야 합니다. 잘 알려진 지리(미국 주, 유럽 국가)의 경우 커뮤니티가 관리하는 레이아웃을 널리 이용할 수 있습니다. 맞춤형 지리의 경우, 수작업 조정이 필요할 수 있습니다.

Designing a hex tile map requires a layout algorithm or manual placement that balances geographic fidelity with constraint satisfaction: tiles should not overlap, neighbors should be adjacent, and the overall shape should be recognizable. For well-known geographies (US states, European countries), community-maintained layouts are widely available. For custom geographies, the process may require manual adjustment.

Hex Tile Map — interactive example

언제 사용하나 / When to Use

지리적 면적이 크게 차이 나는 지역 간 데이터를 비교할 때(예: 미국 주, 세계 국가)
Comparing data across regions where geographic area varies enormously (e.g., US states, world countries)
물리적 크기와 상관없이 모든 지역이 동등한 시각적 대표성을 가져야 할 때
When every region deserves equal visual representation regardless of its physical size
각 타일이 미니 차트를 담는 지리적 스몰 멀티플을 만들 때
Creating geographic small multiples where each tile contains a mini-chart
근사적인 지리적 배치로 충분하고 왜곡이 허용될 때
When approximate geographic arrangement suffices and distortion is acceptable
선거 지도, 인구통계 비교, 또는 지역별 지표 전반
Election maps, demographic comparisons, or any per-region metric

이럴 땐 피하세요 / When NOT to Use

정확한 지리적 형태나 위치가 중요할 때 -- 코로플레스 맵이나 표준 지도를 사용하세요
When precise geographic shape or location matters -- use a choropleth or standard map
독자가 지리적 윤곽으로 지역을 식별해야 할 때(헥스 타일은 그 정보를 제거합니다)
When readers need to identify regions by their geographic outlines (hex tiles strip that information away)
점 단위 데이터나 연속적인 공간 분포의 경우 -- 점 지도나 보간된 표면을 사용하세요
For point-level data or continuous spatial distributions -- use a dot map or interpolated surface
청중에게 지리가 낯설고 해석에 공간 인식이 중요할 때
When the geography is unfamiliar to the audience and spatial recognition is critical for interpretation

구조 / Anatomy

육각형 타일: 지리적 지역별로 하나씩, 동일한 크기의 육각형이 격자 레이아웃으로 배열됩니다.
Hexagonal tiles: Equal-sized hexagons, one per geographic region, arranged in a grid layout.
공간 배치: 실제 지리적 관계를 근사하도록 타일이 배치됩니다; 실제 이웃은 격자에서도 이웃이어야 합니다.
Spatial arrangement: Tiles placed to approximate the real geographic relationships; neighbors in reality should be neighbors on the grid.
색상 채우기: 각 육각형은 순차형, 발산형, 또는 범주형 스케일을 사용해 데이터 값에 따라 색칠됩니다.
Color fill: Each hexagon colored by a data value using a sequential, diverging, or categorical scale.
레이블: 각 육각형 안에 지역 약어나 이름(예: "CA", "NY", "TX").
Labels: Region abbreviations or names inside each hexagon (e.g., "CA", "NY", "TX").
범례: 값과 색상의 매핑을 설명하는 색상 스케일 범례.
Legend: Color scale legend explaining the value-to-color mapping.
내장 차트(선택 사항): 더 풍부한 데이터 인코딩을 위해 각 타일 안에 작은 스파크라인, 막대, 아이콘.
Embedded charts (optional): Small sparklines, bars, or icons inside each tile for richer data encoding.

변형 / Variations

정사각형 타일 맵: 육각형 대신 정사각형을 사용합니다; 만들기는 더 간단하지만 각 타일은 직접 이웃이 네 개뿐입니다.
Square tile map: Uses squares instead of hexagons; simpler to construct but each tile has only four direct neighbors.
헥스 타일 스몰 멀티플: 각 육각형이 미니 차트(스파크라인, 막대, 파이)를 담아 다변량 지리적 비교를 가능하게 합니다.
Hex tile small multiples: Each hexagon contains a mini-chart (sparkline, bar, pie), enabling multi-variable geographic comparison.
헥스빈 맵: 다른 개념입니다 -- 연속적인 점 데이터를 지리적 베이스맵 위의 육각형 빈으로 집계하여 밀도 표면을 만듭니다.
Hex bin map: A different concept -- continuous point data is aggregated into hexagonal bins on a geographic base map, creating a density surface.
드메르 카토그램: 동일 면적 정사각형을 사용하되 지리적 제약을 완화하여 비겹침에 최적화한 변형입니다.
Demers cartogram: A variant using equal-area squares with relaxed geographic constraints, optimized for non-overlap.
반응형 타일 맵: 타일이 줌 레벨이나 화면 크기에 따라 재배치되어, 모바일이나 상세 뷰에 맞게 레이아웃을 조정합니다.
Responsive tile map: Tiles rearrange at different zoom levels or screen sizes, adapting the layout for mobile or detail views.

코드 레퍼런스 / Code Reference

// Observable Plot - hex tile map of US states
// Assumes a dataset with { state, col, row, value }
Plot.plot({
  marks: [
    Plot.cell(stateHexLayout, {
      x: "col",
      y: "row",
      fill: "value",
      tip: true,
      rx: 6
    }),
    Plot.text(stateHexLayout, {
      x: "col",
      y: "row",
      text: "state",
      fill: "white",
      fontSize: 10,
      fontWeight: "bold"
    })
  ],
  x: { axis: null },
  y: { axis: null, reverse: true },
  color: {
    scheme: "YlGnBu",
    legend: true,
    label: "Value"
  },
  aspectRatio: 1
})