Final Project

100%

✓ Published1🌍 Public

SSuneelKalva@my.unt.edu

Last edited Apr 26, 2025

Created on Apr 26, 2025

This interactive visualization explores the relationship between air pollutants and respiratory death rates using U.S. data from 2000–2020. Users select a cause of death and pollutant to update three linked charts: an animated scatter plot showing pollution versus death rates over time, a multi-line chart tracking trends across causes, and a bubble chart for the same relationship. The code uses d3.csv to load data and Plotly for rendering, with event listeners on dropdown menus triggering chart updates. A button links to an external Power BI dashboard.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Final Project 1

This dashboard analyzes U.S. pollution and respiratory health data from 2000 to 2020, sourced from a CSV file. It presents an interactive scatter plot linking pollutant levels (NO₂, CO, SO₂, O₃) to death rates, with selectable causes of death via HTML dropdowns. The visualization also includes multiple Plotly charts: line charts for death trends and pollution averages, a bar chart of 2010 death rates, a pie chart of pollution composition, and a heatmap. The implementation uses `d3.csv` to load the data and `Plotly.newPlot` to render each chart container.

SSuneelKalva@my.unt.edu

92% match

Loading thumbnail…

Project 2

This interactive visualization explores the relationship between air pollution levels and respiratory disease death rates. Users select a cause of death and a pollutant from dropdown menus, driving an animated Plotly scatter plot that traces data points across years. A separate Plotly multi-line chart displays death rate trends for all causes over time. The page loads CSV data from a GitHub repository using D3.js v5 and renders charts with the Plotly API.

SSuneelKalva@my.unt.edu

91% match

Loading thumbnail…

Project 1

This interactive scatter plot explores the relationship between selected air pollutants and respiratory disease death rates. Users choose a cause of death and a pollutant from dropdown menus, and the visualization updates dynamically, showing each year as a labeled data point. The code loads a CSV dataset from GitHub using D3.js (d3.csv) and renders the chart with Plotly’s `Plotly.newPlot` API, using teal markers and text annotations for each year. The interface is built with plain HTML and JavaScript event listeners.

SSuneelKalva@my.unt.edu

90% match

Loading thumbnail…

Project

This interactive visualization examines the relationship between air pollution and respiratory health using a dataset of individual pollution and respiratory records. It displays two linked views: a combo chart with bars for NO₂ mean values and a line for death rates per 100,000 people over time, plus a scatter plot correlating these variables. The code loads external CSV data via `d3.csv` and constructs both charts using the Plotly JavaScript API (`Plotly.newPlot`). The scatter plot includes year labels as hover text for each data point.

SSuneelKalva@my.unt.edu

87% match

Loading thumbnail…

Final Project

This example visualizes air quality patterns, comparing SO2, particle, and NO3 concentrations across 31 U.S. states from 2008 to 2018 through animated line charts. Users select a pollutant via radio buttons, triggering an animation that reveals trends over time. The visualization uses D3.js v4 with SVG rendering, featuring a custom color palette for state-specific lines. The code integrates React for structure and employs D3’s data join and transition methods to update the chart dynamically, with data embedded directly in the script.

YYi Yang

75% match

Loading thumbnail…

Final Project

This interactive visualization displays patterns in pollutant concentrations—SO₂, particles, and NO₃—across U.S. states from 2008 to 2018. Users select a pollutant via radio buttons to trigger an animated view of the data. The visualization uses D3.js (v4) with SVG rendering to draw the charts, applying `d3.format` for decimal precision and dynamically updating the visualization by removing and redrawing groups. The animation is driven by JavaScript event handlers, with data stored in arrays and visualized through connected line or scatter plots.

YYi Yang

75% match

Loading thumbnail…

Untitled

This pie chart visualizes deaths in 2020 attributed to air pollution by country. Each colored slice represents a nation’s death count, with labels showing values in thousands. A legend lists countries alongside their corresponding colors and totals. Built with D3 v5, it uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate SVG paths, while data is loaded from a CSV using `d3.csv` and styled via CSS.

MMounishSeeni

75% match

Loading thumbnail…

Pie chart Visualization

This pie chart visualizes the top 10 countries by deaths in 2020 attributed to air pollution, using a dataset fetched from a GitHub gist via the d3.csv API. Each slice is colored using d3.scaleOrdinal, with the country and death count displayed directly on the chart and in a legend. The code generates SVG arcs with d3.arc and d3.pie, centering the chart within a fixed 960x500 SVG canvas. Death values are formatted in thousands (e.g., “123K”) using d3.format.

DDanthalakirankumar

74% match