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
- Clone the repository
- Install dependencies:
npm install
- 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