BTA Charts
ChartsGeographic

World Map

Color countries on a world map by a numeric measure. Ideal for geographic comparisons — GDP by country, population density, sales by region, or any metric that varies across nations. Country names are resolved to ISO numeric codes against the bundled atlas, so common spellings and case variants all work out of the box.

Examples

When to Use

  • Comparing a single metric across countries or world regions
  • Highlighting geographic clusters or outliers in your data
  • Showing sales, population, or economic data on a map
  • Providing a quick visual summary of global distribution

Data Roles

Loading data roles...

Build These Examples

Location + Values is the only required pairing — the optional Tooltips well enriches the hover card without changing the country colors.

Loading recipes…

Settings

Layout

Projection

dropdown

Map projection: equal-earth, natural-earth, mercator, equirectangular, or orthographic.

Default: equirectangular

Scale

dropdown

Color scale type: linear or log.

Default: linear

Fit to Data

boolean

Crop the map to the bounding box of countries with data.

Default: false

Show Graticule

boolean

Overlay latitude/longitude grid lines.

Default: false

Color

Mode

dropdown

Pre-built palette or custom min → mid → max gradient.

Default: gradient

Palette

dropdown

Sequential palette name when in gradient mode.

Default: blues

No Data Color

color

Fill for countries with no value.

Default: #eef2f6

Borders

Show Borders

boolean

Draw a stroke around each country.

Default: true

Stroke Width

number

Border stroke width in pixels.

Default: 0.5

Legend

Show

boolean

Display the gradient legend ramp.

Default: true

Position

dropdown

Legend placement: top/bottom × left/right or bottom-center.

Default: bottomLeft

Common settings like Tooltip and Small Multiples are covered in Shared Concepts.

Tips & Best Practices

  • Country names are matched case-insensitively — "united states", "United States", and "UNITED STATES" all work
  • Countries with no data are rendered in the no-data color, making gaps easy to spot
  • Use a sequential color scheme like "blues" or "greens" for quantitative comparisons

On this page