Viewing a saved revision (read-only)
d2996f0ac0644f65b0beb26c97fd70c8
Fork of Fork of Fork of HTML Starter
This interactive dashboard visualizes US airline accidents from 2010-2023, combining a geographic map, timeline, and bar chart. It presents accident locations on a US map using D3.js with TopoJSON for state boundaries, alongside a timeline showing accident frequency and severity over time, and a bar chart breaking down accidents by contributing factor. The visualization includes dropdown filters for year range, severity, and airline type, plus summary statistics, with interactive tooltips and hover effects on accident points. Data is sample data modeled after the NTSB Aviation Accident Database, rendered as SVG.
AI-generated descriptionIndia 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 installto install dependencies - Run
npm startto 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