> ## Documentation Index
> Fetch the complete documentation index at: https://otakusolutions.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Council Districts

> Montgomery's 9 council districts as a toggleable map overlay with color-coded boundaries.

<Frame caption="Council district overlay — 9 color-coded districts with council member details on click.">
  <img src="https://mintcdn.com/otakusolutions/FOF9Ash-8JM0rAsn/images/feature-council-districts.png?fit=max&auto=format&n=FOF9Ash-8JM0rAsn&q=85&s=a9416a883f6dd0e4d7be7becd7c56d08" alt="Council districts overlay" width="1440" height="900" data-path="images/feature-council-districts.png" />
</Frame>

## Overview

Montgomery is divided into 9 city council districts, each represented by an elected council member. The Civic Hub provides a toggleable district boundary overlay on every portal's map.

## How to Use

1. On any portal's **Map** tab, find the **"Show Districts"** button
2. Click to toggle the district overlay on or off
3. Click on any district polygon to see council member details
4. Click **"Hide Districts"** to remove the overlay

The AI can also toggle districts for you — ask "show me the council districts" in chat.

## District Colors

Each district is assigned a consistent color for easy identification:

| District   | Color  |
| ---------- | ------ |
| District 1 | Blue   |
| District 2 | Red    |
| District 3 | Green  |
| District 4 | Amber  |
| District 5 | Violet |
| District 6 | Pink   |
| District 7 | Teal   |
| District 8 | Orange |
| District 9 | Indigo |

## Popup Details

Clicking on a district polygon shows:

* **District number** and name
* **Council member name**
* **Phone number**
* **Email address**

## Data Source

District boundaries are sourced from Montgomery's ArcGIS Council Districts layer. The data is loaded lazily — only fetched when you first toggle the overlay on, then cached for the session.