Skip to main content
SimilarExport ZIP
100%

Pollutant count Project

✓ Published2🌍 Public
PPreethi Medepalli-91
Last edited Dec 4, 2024
Created on Dec 4, 2024
Forked from Project

This bar chart displays the top ten pollutants with the highest frequency in a global air quality dataset, ranked by their average count. The visualization uses a D3.js v6 SVG bar chart, where each bar represents a pollutant type and its corresponding frequency, with hover effects for interactivity. The data is fetched from a GitHub-hosted CSV file and parsed client-side using PapaParse. Axes are clearly labeled, and the chart is styled for readability, making it straightforward to compare pollutant prevalence at a glance.

AI-generated description

The code fetches data from a GitHub-hosted CSV file using PapaParse and visualizes the top 10 pollutants with the highest average values. The bar chart includes bars and displays pollutant names and average values, making it intuitive for users to interpret the data. Axes are clearly labeled, and the chart is styled for readability.

MIT Licensed

Similar vizzes

Loading thumbnail…

Project

This visualization displays a bar chart of the top 10 pollutants ranked by their average measured value, with green bars that lighten on hover for easy comparison. It loads a CSV file from GitHub using the PapaParse library to parse the data, then processes it in JavaScript to calculate averages per pollutant. The chart is rendered as an SVG using D3 v6, employing `d3.scaleBand` and `d3.scaleLinear` for the axes, with clearly labeled tick marks and axis titles for readability.

PPreethi Medepalli-91
89% match
Loading thumbnail…

Project POLLUTANTS

This bar chart visualizes the count of each pollutant type in an air quality dataset, highlighting the distribution of pollutants across the records. The chart uses D3.js v6 to load a GitHub-hosted CSV file via `d3.csv`, process the data with array reductions, and render an SVG bar chart with `scaleBand` and `scaleLinear`. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with bars colored steelblue that turn orange on hover. The data source is a CSV file fetched directly from a GitHub repository.

PPreethi Medepalli-91
88% match
Loading thumbnail…

Project most affected country

This bar chart shows the top 10 countries with the most pollution occurrences, ranked from highest to lowest count, with each bar labeled with its exact value. Built with D3 v6 and PapaParse, it loads a GitHub-hosted CSV of world air quality data, filters rows for valid country and value fields, and counts occurrences via `d3.rollup`. The x-axis uses `d3.scaleBand` with rotated labels for readability, while `d3.scaleLinear` handles the count axis. The SVG renders steel-blue bars that turn orange on hover, with clear axis labels for intuitive interpretation.

PPreethi Medepalli-91
88% match
Loading thumbnail…

Project ANalysis

This bar chart visualizes the average pollutant value for each country from a CSV dataset of world air quality. The chart uses D3.js v7 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. The data is aggregated using `d3.rollup` with `d3.mean` to compute country-level averages. Bars change color from steelblue to orange on mouseover, providing interactive feedback to the viewer.

PPreethi Medepalli-91
81% match
Loading thumbnail…

Vis for Project

This visualization shows the average Air Quality Index (AQI) for six pollutants—CO, NO2, SO2, PM10, PM2.5, and Ozone—as a pie chart with a custom legend listing each pollutant and its mean value in units. The code loads a CSV dataset from a GitHub gist, aggregates the pollutant-specific AQI values by summing and averaging non-void entries, and renders the result using D3 v5’s `pie`, `arc`, and `scaleOrdinal` with `schemeCategory10`. The SVG is drawn with paths, and each segment includes a mouseover handler that logs the pollutant’s AQI to the console.

Llibramanju
74% 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
73% match
Loading thumbnail…

10 green graph template with menus

Ten green horizontal bars display AQI values for Maine pollutants in a React and D3 bar chart. Two dropdown menus select axis attributes, though only the options array for the Y-axis is shown. The SVG visualization uses D3's scaleBand and scaleLinear for axes, with tooltips revealing each bar's exact value. Pollutant data loads from a CSV file using D3's csv function.

CChase Hall
72% match
Loading thumbnail…

Scatter Plot Pollutant (Menu) over Time

This interactive scatter plot visualizes monthly air quality in London from January 2010 through August 2018, using data from the Kings College London Air Quality Dataset. Users can select different pollutant metrics for the x- and y-axes via dropdown menus, while the color legend encodes months and allows filtering by clicking. The visualization uses D3 v5 with SVG rendering and animated transitions, employing `scaleTime` for the temporal x-axis, `scaleLinear` for pollutant measurements, and `scaleOrdinal` with `interpolateInferno` for the month color scale.

WW9183907
72% match