Texas Map with ZIP Codes

An interactive map of Texas showing counties, ZIP codes, and major cities.

Features

• Interactive map of Texas with counties and ZIP codes
• Zoom and pan functionality with control buttons
• Toggle different map layers (counties, ZIP codes, cities, legend)
• Interactive tooltips when hovering over map elements
• Custom ZIP code data upload
• Responsive design for different screen sizes
• Visual loading indicator with animation

Usage

1. Open the index.html file in a web browser
2. Use the mouse to zoom and pan around the map
3. Use the layer toggle controls to show/hide different map elements
4. Hover over counties, ZIP codes, or cities to see more information
5. Use the zoom controls (+/-/R) in the top right to zoom in, out, or reset the view

Custom ZIP Code Data

If you want to use your own ZIP code data:

1. Click the "Choose a GeoJSON/TopoJSON file" button
2. Select a valid GeoJSON or TopoJSON file with ZIP code boundaries
3. The map will update to show your custom ZIP code data

Data Sources

• US States and Counties: US Atlas TopoJSON
• ZIP Codes: OpenDataDE State ZIP Codes
• Cities: Major Texas cities with coordinates

Technical Implementation

The map is built using:

• D3.js for data visualization and interactivity
• TopoJSON for efficient geographic data representation
• HTML5, CSS3, and JavaScript

Browser Compatibility

This map works in all modern web browsers:

• Chrome
• Firefox
• Safari
• Edge

Future Improvements

Potential future enhancements could include:

• Search functionality for finding specific ZIP codes or counties
• Additional demographic data visualization
• Time-based data animation
• More detailed county information
• Mobile touch optimization