Skip to main content
SimilarExport ZIP
100%

FEMA Disaster Data Visualization : Interactive Viz

✓ Published1🌍 Public
NNita
Last edited Feb 25, 2025
Created on Feb 25, 2025
Forked from Hello HTML

This interactive D3.js v7 visualization presents FEMA disaster data, allowing users to explore the information through a bar chart of disasters by state, a line chart of events over time, or a pie chart of disaster types. The view is controlled by dropdown menus for visualization type and year filtering, with tooltips on mouseover providing detailed counts. It renders charts as SVG, using `d3.rollup` to aggregate data, `d3.scaleBand` for the bar chart, and `d3.axisBottom` for axes, loading CSV data from a GitHub repository.

AI-generated description

FEMA Disaster Data Visualization

This project visualizes disaster data from the Federal Emergency Management Agency (FEMA).

Data Source

The visualization uses data from: https://raw.githubusercontent.com/nitanagdeote/Federal-Emergency-Management-Agency-FEMA-Project/refs/heads/main/data.csv

Features

  • Bar chart showing disasters by state
  • Line chart showing disasters over time
  • Pie chart showing distribution of disaster types
  • Filter by year
  • Interactive tooltips

How to Use

  1. Open index.html in a web browser
  2. Select visualization type from the dropdown
  3. Filter by year if needed
  4. Hover over chart elements to see detailed information
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of FEMA Disaster Data Visualization : Interactive Viz

This interactive visualization displays FEMA disaster declarations, allowing viewers to switch between bar charts of disasters by state, line charts over time, and pie charts of disaster types. Users can filter by year and hover to see tooltips; clicking a bar drills into a state-specific pie chart. The D3.js v7 code loads remote CSV data, uses `d3.rollup` for aggregation, and renders SVG with scales, axes, and ordinal color schemes.

NNita
95% match
Loading thumbnail…

Fork of Fork of Working with Time

This stacked bar chart visualizes the frequency of natural disasters over time, broken down by disaster subgroup (Climatological, Hydrological, and Meteorological) using the Data Canvas Sense Your City dataset. The visualization uses React to render SVG marks, with `d3.bin` and `d3.timeYears` to bin events into yearly intervals, and `d3.scaleTime` and `d3.scaleLinear` for axes. Each bar segment encodes one disaster type; hovering reveals its exact count via a native `<title>` tooltip. The chart emphasizes the temporal distribution of these hazard categories across the dataset’s timeframe.

MMilana
76% match
Loading thumbnail…

Untitled

A stacked bar chart displays earthquake counts by magnitude range for individual U.S. states across two years. A dropdown menu lets viewers switch between 2017 and 2018, triggering a smooth 750-millisecond transition that updates bar heights, positions, and axis scales. The visualization uses D3 v5 with SVG rendering, employing d3.stack, d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal to map the year, state, and three magnitude categories from a CSV file. Total counts appear as text labels above each bar.

JJens Grochtdreis
74% match
Loading thumbnail…

Untitled

This interactive stacked bar chart visualizes earthquake counts by magnitude range across U.S. states for selected years. A dropdown menu lets viewers switch between 2017 and 2018 data, triggering a 750ms transition that updates bar positions and total labels. Built with D3 v5, the chart uses `d3.stack()` and `d3.scaleBand()`, rendering SVG rects and text elements. Color encoding distinguishes three magnitude categories (7.0+, 6–6.9, 5–5.9), with data loaded from a CSV file via `d3.csv`.

CChristoph Diefenthal
74% match
Loading thumbnail…

Untitled

A stacked bar chart displays earthquake counts by magnitude range (7.0+, 6–6.9, 5–5.9) for six U.S. states across the years 2017 and 2018. A dropdown menu switches between years, triggering a 750ms transition that updates bar heights, axis scales, and total labels. The visualization uses D3 v5 with `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and ordinal color mapping, rendering SVG elements with animated transitions. Data is loaded from a CSV file via `d3.csv`.

Rrichad97
73% match
Loading thumbnail…

Interactive Visualization (One Menu) - Earthquake Data

This interactive visualization displays earthquake data from 1900 to 1999, combining a world map and a bar chart. The map uses `d3.geoMercator` and `d3.geoPath` to render earthquake locations as circles, with radius representing Richter magnitude. The bar chart aggregates total deaths by region, updating via a dropdown menu that filters data by twenty-year intervals. Both SVG visualizations share the same dataset, loaded from a CSV file, and employ D3 v7’s data-join and transition methods for updates.

JJunying Li
73% match
Loading thumbnail…

Untitled

A grouped and stacked bar chart displays earthquake counts by magnitude range across US states for 2017 and 2018. A dropdown menu switches between years, animating bar heights and total labels with 750-millisecond transitions. Built with D3 v5, the visualization uses `d3.csv` to load data, `d3.stack` to create layers, and `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for axes and color encoding. SVG transitions update the chart smoothly when the selected year changes.

CChristoph Diefenthal
73% match
Loading thumbnail…

DataViz All together

An interactive dashboard combines a stacked bar chart with a bubble chart to explore wildfire causes across U.S. states from 2001 to 2015. The bar chart, built with React and D3 v5, uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` to show the number of wildfires by fire size class, segmented by cause including debris burning and lightning, with a dropdown menu filtering by state. A separate bubble chart visualizes the total acres burned by cause using a d3.pack layout. Data comes from a CSV file of wildfire statistics.

AAndrey Getmanov
73% match