Export Code

News world 1

Nita

Last edited Jun 03, 2025
Created on Jun 03, 2025

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

MIT Licensed