Newspaper Data Journalism

Embed interactive data visualizations inside long-form editorial content — styled as a broadsheet newspaper article about the global coffee economy.

Features

• Interactive choropleth map of per-capita coffee consumption with region zoom controls (Europe, North America, Asia-Pacific)
• Line / column chart toggle for global consumption trends (2000–2025)
• Dynamic top-N bar chart of latte prices by city, adjustable from 1 to 20
• Scatter plot of national coffee spend vs. productivity, filterable by region

Getting started

Prerequisites

• Node.js
• npm

Install & run

npm install
npm start

The app starts on http://localhost:4200.

The charts use publicly available Luzmo datasets.

Demo data

CSV files live in data/ for reference and customization:

• data/coffee_consumption_by_country.csv
• data/coffee_consumption_over_time.csv
• data/coffee_spend_vs_productivity.csv
• data/latte_price_by_city.csv