Skip to content

Add interactive USA map page with clickable states#2

Open
Aharon123 wants to merge 2 commits intomainfrom
codex/add-interactive-us-map-with-state-names
Open

Add interactive USA map page with clickable states#2
Aharon123 wants to merge 2 commits intomainfrom
codex/add-interactive-us-map-with-state-names

Conversation

@Aharon123
Copy link
Owner

Motivation

  • Provide a simple standalone page that displays a map of the United States and, when a user clicks a state, shows the state's name as requested.
  • Support a Hebrew/RTL UI so the page can be used with right-to-left text.

Description

  • Added a new file usa-map.html that renders a full US map using D3 and TopoJSON loaded from CDN and maps state FIPS IDs to readable names.
  • Implemented a click handler that highlights the clicked state (.state.active) and updates the UI text to בחרת במדינה: <State Name>.
  • Included basic styling, RTL layout (lang="he" dir="rtl"), and a fallback error message when the map fails to load.

Testing

  • Started a local server with python3 -m http.server 8000 and confirmed the server started successfully.
  • Verified the new file was created and committed with git add / git commit (commit succeeded).
  • Attempted an automated screenshot via browser_tools.run_playwright_script, but the Playwright run timed out in this environment (failed to capture screenshot).

Codex Task

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant