> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IGeoLayerArea

- Package: [@gooddata/sdk-ui-geo](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-geo/index.md)
- Kind: interface
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-geo/src/next/types/layers/index.ts

Area layer configuration.

**Signature:**

```typescript
export interface IGeoLayerArea extends IGeoLayerBase 
```
**Extends:** [IGeoLayerBase](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-geo/sdk-ui-geo.igeolayerbase/index.md)

## Remarks

An area layer renders geographic regions (countries, states, provinces, etc.) as filled polygons, creating a choropleth map visualization.

The area attribute should reference a geographic attribute whose values map to known geographic regions. The component uses geocoding to match attribute values to geographic boundaries.

Supported region types include: - Countries (by name or ISO code) - States/Provinces - Administrative regions - Custom geographic boundaries

Features: - \*\*Color-coded regions\*\*: Use the `color` property for data-driven fill colors - \*\*Segmentation\*\*: Use `segmentBy` to categorize regions - \*\*Opacity control\*\*: Configure fill opacity via chart config

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [area](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-geo/sdk-ui-geo.igeolayerarea/index.md#igeolayerareaarea) |  | [IAttribute](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.iattribute/index.md) | Geographic area attribute. |
| [type](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-geo/sdk-ui-geo.igeolayerarea/index.md#igeolayerareatype) |  | "area" |  |

## Property details

### IGeoLayerArea.area

Geographic area attribute.

**Signature:**

```typescript
area: IAttribute;
```

#### Remarks

An attribute whose values represent geographic regions (countries, states, provinces, etc.). The attribute values are geocoded to match geographic boundaries for polygon rendering.

For best results, use standardized region names or ISO codes that can be reliably matched to geographic boundaries.

### IGeoLayerArea.type

**Signature:**

```typescript
type: "area";
```