Global News Tracker

An interactive visualization of global news events using React and D3.js.

Features

• Interactive world map showing news events from around the globe
• Color-coded news markers by category (Conflict/Warfare, Humanitarian Crisis, etc.)
• News detail popups on hover
• Filter news by category and date range
• Responsive design that works on desktop and tablets

Getting Started

1. Clone the repository
2. Install dependencies: npm install
3. Start the development server: npm start

Data Structure

News events are loaded from data.csv with the following structure:

• headline: Title of the news item
• summary: Brief description of the news
• location_name: Name of the location
• latitude: Geographic latitude coordinate
• longitude: Geographic longitude coordinate
• category: News category (Conflict/Warfare, Humanitarian Crisis, etc.)
• date: Publication date in YYYY-MM-DD format

Technologies Used

• React for UI components
• D3.js for geographic visualization
• TopoJSON for map data

License

MIT