Skip to main content
SimilarExport ZIP
100%

Project

✓ Published3🌍 Public
SSuneelKalva@my.unt.edu
Last edited Apr 26, 2025
Created on Apr 26, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Final Project

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.

SSuneelKalva@my.unt.edu
87% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between pollution levels, life expectancy, and respiratory disease rates across fictional cities. Circles are color-coded by pollution severity (green, orange, red) with radii scaled to respiratory disease prevalence. The visualization uses d3.scaleLinear for x, y, and radius scales, d3.axisBottom and d3.axisLeft for axes, and appends SVG circles via d3.selectAll. Data is hardcoded in the script rather than loaded from the provided CSV file, with axis labels for pollution level.

Ggreeshmareddy135@gmail.com
75% match
Loading thumbnail…

109550187_HW7

This interactive visualization shows air pollution levels across multiple monitoring stations, displaying daily average concentrations for six pollutants (SO2, NO2, O3, CO, PM10, PM2.5) as a series of stacked horizon charts. Users select a year and band number via dropdown menus, which updates React state and triggers D3 to re-render the SVG. The code uses `d3.csv` to load air pollution data from a remote server, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.mean` to aggregate hourly measurements into daily averages. Each pollutant uses a distinct color scheme, with bands overlaid to encode magnitude.

Ppatricknicholas27@gmail.com
75% 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
74% match
Loading thumbnail…

Project Task 6

This scatterplot compares PM2.5 and NO2 AQI values from a pollution dataset, with each blue circle representing a data point. The visualization uses D3 v5’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map values to SVG coordinates and render axes. Data is loaded via `d3.csv` from a GitHub gist, and circles are drawn with `selectAll().join()`. Green axis labels and a red title style the chart, which fills the browser window.

MMichael Biancardi
73% match