U.S. Congressional Districts
This demo uses a U.S. Congressional Districts map (118th Congress version).
It also uses “template fields” to selectively apply coloring to specific areas.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create an interactive US map displaying all 435 congressional districts of the 118th Congress plus Washington D.C., color-coded by party affiliation. Use blue for Democratic districts, red for Republican districts, and gray for neutral districts. Each district should have a unique ID based on state code and district number. Show tooltips displaying state name, party affiliation, and district number on hover. Add a legend in the bottom-right corner with a semi-transparent white background listing all three party categories. Apply the Albers USA projection. Apply smooth animations. Use amCharts 5 library.
Demo source