Skip to main content
SimilarExport ZIP
100%

Fork of FEMA Disaster Data Visualization : Interactive Viz

✓ Published0🌍 Public
NNita
Last edited Feb 25, 2025
Created on Feb 25, 2025

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.

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…

FEMA Disaster Data Visualization : Interactive Viz

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.

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
78% match
Loading thumbnail…

Fork of DataViz All together

A fork of an earlier NBA data visualization, this web application presents annual wildfire statistics as an interactive bar chart. A dropdown menu allows the user to select a year from 2001 to 2015, and the chart updates to show the number of wildfires by fire size class for that year, with each bar color-coded by a specific cause (e.g., debris burning, lightning). The visualization is built with React and D3, using `scaleBand` and `scaleLinear` for axes, `scaleOrdinal` for the color legend, and `csv` to load data from a remote GitHub repository. The rendered SVG includes a tooltip on each rectangle to reveal the precise count.

GGorbonosov Ilya
78% match
Loading thumbnail…

Fork of DataViz All together

This interactive dashboard combines a stacked bar chart, a choropleth map, and a zoomable bubble chart to explore wildfire data across U.S. states from 2001 to 2015. Users select a year via a React dropdown, updating a bar chart that breaks down fire size classes by cause using `scaleOrdinal` and `scaleBand`. A separate map uses `d3.geoRobinson` and `d3.geoPath` to color regions by total fire size, with click-to-zoom functionality. The visualization relies on React for state management and D3 v5 for scales, axes, and geographic rendering, sourcing data from a CSV file.

SStefan Pushkov
77% match
Loading thumbnail…

Fork of Fork of Interactive Visualization (Brush) - Earthquake Data

This interactive dashboard combines a bar chart, a world map, and a scatter plot to explore earthquake data from 2000 to 2021. The bar chart shows the mean yearly earthquake magnitude, while the world map, built with `d3.geoPath` and a Mercator projection, plots earthquake epicenters with circle radii scaled by Richter magnitude. A linked scatter plot uses `d3.select` to display year against magnitude, with point size representing deaths. The map also includes tooltips on hover, and the data for the bar chart is loaded from a CSV file.

Sspace-captain96
77% match
Loading thumbnail…

Fork of DataViz All together43432

This interactive bar chart uses the D3.js library within a React framework to visualize wildfire data by fire size class across different years. A dropdown menu allows viewers to select a specific year, and a color legend distinguishes the causes of fires, such as debris burning, lightning, and arson. The chart includes axes created by custom React components and renders SVG rectangles, with a D3 transition animation implemented through a slider to explore changes over time. Data is loaded from a CSV file using D3's `csv` function.

GGorbonosov Ilya
77% match
Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization of earthquake data combines a bar plot, world map, and scatter plot to explore regional deaths, epicenter locations with Richter magnitudes, and the relationship between year, magnitude, and casualties. Users can brush on the scatter plot to filter the other views by year. The map uses d3.geoMercator with d3.geoPath to render world geography, while tooltips display country names on hover. All charts are built with d3.v7, rendering as SVG with animation, and the data is loaded from an external CSV source.

Sspace-captain96
76% match
Loading thumbnail…

Fork of DataViz All together656565

This interactive dashboard visualizes wildfire statistics from a CSV dataset, showing the number of wildfires by fire size class for each year from 2001 to 2015. Users select a year through a dropdown menu or range slider, which updates stacked bar charts rendered with SVG rectangles in React. The visualization uses D3 scales (scaleBand, scaleLinear, scaleOrdinal) and includes a color legend to distinguish fire causes such as debris burning, lightning, and miscellaneous sources. A secondary zoomable bubble chart, built with react-bubble-chart, displays legend data with hover effects.

GGorbonosov Ilya
76% match