Skip to main content
SimilarExport ZIP
100%

Question 2

✓ Published0🌍 Public
Bbhavanasruthikakarlapudi@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Question 1

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Question2_Activity7.1

This is an area chart showing air quality levels over time, displaying two overlapping translucent regions for PM2.5 and PM10 particulate matter concentrations. The visualization uses D3.js v3 with SVG rendering, employing `d3.svg.area()` to construct the filled paths against a time-scaled x-axis via `d3.time.scale()`. Data is loaded from a GitHub-hosted CSV using `d3.csv()`, with dates and times parsed into a unified timestamp. The chart includes a dark blue heading, green axis tick labels, and a blue y-axis label indicating units of µg/m³.

Ppreethimedepalli4@gmail.com
84% match
Loading thumbnail…

PM2.5 For Selected Country

A multi-line chart displays PM2.5 air pollution values per year for a selected country, drawn as SVG paths using D3 v5 within a React framework. A dropdown menu lets the viewer choose a country, triggering a redraw of the line chart and its color legend. The visualization uses d3.line, d3.curveBasis, d3.scaleLinear, and d3.scaleOrdinal, with data loaded from a CSV via d3.csv and processed into yearly series.

PPakcheera Choppradit
79% 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
79% match
Loading thumbnail…

PM2.5 For Selected Country

This visualization shows the annual PM2.5 air pollution trend for a selected country from 2010 to 2017, with the user choosing the country via a dropdown menu. It uses D3 v5 with React, rendering an SVG line chart with axes, a color legend, and a title. The data comes from a Kaggle dataset on global air pollution, processed and structured per country. Key APIs include `d3.csv`, `scaleLinear`, `line`, `nest`, and `axisBottom`.

PPakcheera Choppradit
78% match
Loading thumbnail…

PM2.5 For Selected Country

This visualization displays PM2.5 pollution trends for a selected country between 2010 and 2017, using data from Kaggle’s Global Air Pollution dataset. A dropdown menu lets users choose a country, triggering a D3 line chart that updates with the new country’s yearly values. The code uses d3.line, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render the SVG chart, with a color legend built via a custom colorLegend function. Data is loaded and processed using d3.csv and d3.nest.

PPakcheera Choppradit
77% 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
77% match
Loading thumbnail…

Project AQI vs PM2.5

This scatter plot visualizes the relationship between AQI Value and PM2.5 AQI Value, with each point colored by country (India, USA, Australia, etc.). It uses D3.js v7 to read CSV data, create linear scales, render SVG axes and circles, and display a categorical legend. The chart includes axis labels and a title.

Ddandudivya98@gmail.com
77% match
Loading thumbnail…

Activity 6 Question 3

This scatter plot displays the relationship between PM2.5 air quality levels and the number of health complaints across eight dates in March 2023. Each point’s shape and color encode a severity level: circles represent level 1 (green), triangles level 2 (orange), and squares level 3 (red). The visualization uses D3 v6 with an SVG renderer, employing `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.symbol` with a `shapeMap` to generate distinct point glyphs. The data is hardcoded in the script as a constant array.

BBharath Vupputuri
77% match