India Map Visualization
This project displays an interactive map of India using D3.js, React, and GeoJSON data. The map shows state boundaries and provides interactive hover effects.
Features
- Interactive map of India with state boundaries
- Hover effects to highlight states
- Tooltip displaying state names
- Responsive design that works across different screen sizes
Data Source
The GeoJSON data for India's states is sourced from:
https://github.com/geohacker/india/blob/master/state/india_state.geojson
Technologies Used
- React for UI components and state management
- D3.js for data visualization and mapping
- JavaScript for interactivity
- CSS for styling
Getting Started
- Clone the repository
- Run
npm install
to install dependencies
- Run
npm start
to start the development server
- Open your browser to
http://localhost:3000
Building for Production
Run npm run build
to create an optimized production build.
Troubleshooting
If the map doesn't appear:
- Make sure you have an active internet connection, as the GeoJSON data is loaded from an external source
- Check browser console for any JavaScript errors
- Try using a different web browser