Skip to main content
SimilarExport ZIP
100%

Indian air quality

✓ Published0🌍 Public
HHanuReddy
Last edited Apr 27, 2024
Created on Apr 27, 2024
Forked from Hello VizHub

This dashboard visualizes air quality trends across Indian states from 1987 to 2015, showing concentrations of pollutants including SO2, NO2, RSPM, SPM, and PM2.5. A dropdown selector displays time-series line charts for each state, while bar charts compare average pollutant levels across all states. The visualization uses D3.js v6 with SVG rendering, employing `d3.rollups` for aggregating state averages, `d3.scaleBand`, `d3.scaleLinear`, and `d3.line` for data encoding, with color mapping via `d3.scaleOrdinal` and `d3.schemeCategory10`.

AI-generated description

This illustration gies the visulisation realted to pollution in various states over the time.

Link to access the code: https://vizhub.com/HanuReddyGopavarapu/d1e1e6a21db14a5e8447e2711806a460

output link: https://vizhub.com/HanuReddyGopavarapu/d1e1e6a21db14a5e8447e2711806a460?mode=embed

MIT Licensed

Similar vizzes

Loading thumbnail…

Agriculture

This visualization dashboard displays pollution trends across Indian states using two complementary chart types. A line chart tracks pollutant concentrations (SO2, NO2, RSPM, SPM, PM2.5) over time for a user-selected state via an interactive dropdown menu. Four bar charts compare average pollutant levels across all states. The D3.js code (v6) uses d3.csv to load data, d3.rollups for aggregations, d3.scaleOrdinal with d3.schemeCategory10 for coloring, and d3.axisBottom/axisLeft for scales, rendering all charts as SVG elements.

Aaashrithas2000@gmail.com
84% match
Loading thumbnail…

Hanumanth

This example presents an interactive dashboard for exploring air pollution data across Indian states. It uses D3.js (v6) with SVG rendering to display multi-line charts tracking yearly levels of pollutants like SO2, NO2, RSPM, and SPM for a selected state via a dropdown menu. It also renders bar charts using `d3.rollups` and `d3.mean` to compare average pollutant concentrations across states. The data is loaded from a CSV file using `d3.csv`.

SSiddhardha
81% match
Loading thumbnail…

Question 2

This interactive D3.js visualization displays PM2.5 air pollution levels in India, separated by year. The SVG chart animates a line and area graph of pollutant concentrations, with color-coded bands indicating air quality categories from "Good" to "Hazardous." Users select years via clickable buttons, triggering a transition that redraws the data. The tooltip reveals exact values and health status on hover, with data loaded from a CSV file hosted on GitHub Gist.

Bbhavanasruthikakarlapudi@gmail.com
76% match
Loading thumbnail…

Making a Bar Chart for air quality data

This example displays a horizontal bar chart of air quality index values for nine Indian cities, from Delhi with the highest reading down to Chandrapur. The visualization shows each city’s AirQuality value as a gray bar extending from the left axis. The code uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and `axisLeft` and `axisBottom` to render the tick marks. Data is loaded from a local CSV file via `d3.csv`, which is then scaled and drawn as SVG rectangles.

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

Untitled

This visualization shows London’s monthly air quality data from 2010–2018, displaying PM2.5 and PM10 particulate levels as a multi-line chart. A dropdown menu lets users select different pollutant measures, while a color legend indicates measurement year. The visualization uses D3.js v3 to render SVG graphics, with animate transitions on the line paths. Data originates from the Kings College London Air Quality Dataset, and the code relies on D3’s `scaleTime`, `scaleLinear`, `nest`, and `line` functions for time-series rendering. Axis helpers like `axisBottom` and `axisLeft` structure the plot.

KKeerthiKandadai
72% match
Loading thumbnail…

D3 viz 1

This visualization shows daily air pollution trends for four pollutants—NO2, O3, SO2, and CO—in Phoenix, Arizona, using data from January 2000. Multiple time-series lines are drawn in an SVG, with each pollutant assigned a distinct color via `d3.scaleOrdinal` and `d3.schemeCategory10`. The code uses `d3.csv` to load the dataset, `d3.timeParse` to convert dates, and `d3.line` to generate the paths. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, and a legend is placed at each line’s final data point.

Hharshabandi3060@gmail.com
71% 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
71% match