Skip to content

Map Geo Json

The Map GeoJSON Chart displays values across geographical regions by filling areas with colors based on numeric measures.
It uses GeoJSON map data to render regions and plot values, offering options for label control, color themes, and interactive drilldowns.

Use cases:

  • Visualizing regional or country-level performance metrics.
  • Displaying distribution of values across a geographical area.
  • Highlighting high and low-performing regions using color gradients.

⚙️ Setup

  1. Drag the Map GeoJSON Chart widget from the chart library onto your designer workspace.
  2. Select the chart.
  3. Go to the Widget Configuration tab in the Configuration panel.
  4. Under the Configuration panel tab, select the Basic Configuration option to access essential settings for the Map GeoJSON Chart.
  5. Select the Source from which the chart will fetch its data.
  6. Map:
    • Measure (Value) — Numeric value determining the fill intensity for each region.
    • Dimension (Region) — Region or location name matching GeoJSON region properties.
  7. Optionally add a Date field for time-based filtering.

📊 Basic Configuration

Configuration ItemDescription
SourceThe data source to query for chart values.
Measure (Value)Numeric value used for region coloring.
Dimension (Region)Region label to match with GeoJSON region names.
Date Field (optional)Enables date-based filtering and drilldown capability.

🎨 Chart Customizations

CategoryOptions & Description
GeneralTheme, background, and interactivity options.
TitleChart title, font, alignment, and visibility settings.
SortingDefine custom sort order for regions if required.
GridConfigure margins and layout alignment.
Map OptionsPick between various predefined maps.
SeriesConfigure label display, label rotation, custom fill colors, no-data color, and highlight color for regions.
TooltipControl tooltip content and formatting when hovering over regions.
OthersSelect GeoJSON Map Source, Region Mapping Field (Region/ISO), and whether to normalize maps for sub-region adjustments (e.g. Alaska/Hawaii repositioning in US maps).

📊 Example Visualization

map-geojson chart