DISASTER GRAFFITI LITE

A Data Punk dashboard for FEMA disaster declarations. Rough edges intended.

What Is This

Disaster Graffiti Lite is a one-page React app that visualizes FEMA federal disaster declaration data in a punk zine aesthetic — dark backgrounds, neon colors, raw typography, and no corporate polish. Data punk means the numbers are real, the presentation is loud.

Data Source

FEMA Disaster Declarations Summary

• Source: data.gov
• The app loads a curated local JSON sample (src/data/disasters.json) derived from the public FEMA dataset, covering 2021–2025 declarations including major hurricanes, floods, fires, tornadoes, and winter storms.

How to Run

npm install
npm run dev

Then open http://localhost:5173 in your browser.

Features

• Filter by state — drill down to any U.S. state or territory
• Total declarations counter that updates live with the filter
• Top disaster types horizontal bar chart
• Disasters by year column chart
• Most recent declarations list with color-coded incident type tags
• "What This Data Means" — auto-generated plain-language summary

Data Punk Theme

The design deliberately rejects the sanitized dashboard aesthetic:

• Black background, neon pink/yellow/green accents
• Oswald + Special Elite + Share Tech Mono typefaces (zine/stencil feel)
• Rough dashed borders and scan-line overlays
• High-contrast color-coded incident tags
• No chart libraries — pure CSS bars and grids

Project Purpose

Built for Summer AI Week 3 as an exercise in data visualization with React + Vite, using real public government data and a non-standard visual aesthetic.

Tech Stack

• React 19 + Vite 6
• Zero chart dependencies — all visualizations are CSS
• Google Fonts (Oswald, Special Elite, Share Tech Mono)