Skip to main content
SimilarExport ZIP
100%

New Delhi AirNow Historical Data

✓ Published0🌍 Public
CCurran Kelleher
Last edited Oct 1, 2019
Created on Oct 1, 2019

This visualization displays the Air Quality Index (AQI) for New Delhi, India, using hourly PM2.5 data from AirNow. It compares AQI values across multiple years, spanning 2015 through 2019. The code processes the raw CSV files, filtering out missing or invalid data, and then renders the time series with the `d3` library. The visualization uses `d3.scaleLinear` for mapping data values to positions and `d3.axisBottom` to create the time and AQI axes.

AI-generated description

Data downloaded from AirNow Historical Data - New Delhi.

The files ending in _clean were manually processed to:

  • Remove all columns except Date (LT),AQI
  • Filter out all invalid rows
    • where QC Name was anything other than Value, and
    • where AQU was -999

Similar vizzes

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

AQI in Different Cities

The visualization displays Air Quality Index (AQI) values as a heatmap across different cities and timestamps, with color intensity reflecting pollution levels. Each rectangular cell encodes a city-time pair, and tooltips reveal exact AQI numbers on hover. The code uses the d3.csv API to load the AQI_2015.csv dataset, then constructs the graphic through the Vega-Lite API (vl.markRect) with fields mapped to the x-axis, y-axis, color scale, and tooltip. The resulting SVG renderer output is configured with custom axis styling and tooltip handling via vegaTooltip.

LLichenYang
67% match
Loading thumbnail…

The next 24 hours AQI in Beijing (line)

This visualization displays the Air Quality Index (AQI) forecast for Beijing over a 24-hour period, showing a clear upward trend. The line chart, rendered as an SVG using D3 v5, maps timestamps on the x-axis and AQI values on the y-axis. The code uses `d3.scaleTime` and `d3.scaleLinear` for axis scaling, `d3.line` with `curveBasis` for a smooth line, and `axisBottom` and `axisLeft` for tick marks. Data is loaded from a local CSV file.

Wwyh1029
65% match
Loading thumbnail…

AQI Over Time

This visualization tracks Air Quality Index (AQI) over time for Chinese cities, beginning with a series of hourly line charts for Beijing, and then shifting to a stacked area chart showing monthly AQI totals for Beijing, Tianjing, Shanghai, and Guangzhou. The first chart uses Vega-Lite and d3.csv to render the data, while the second employs d3.stack, d3.area, d3.areaLabel, and d3.scaleOrdinal to build the stacked areas. Both chart components are responsive, re-rendering on window resize to fill the available viewport.

LLichenYang
65% match
Loading thumbnail…

NYC Air Quality Area Chart

This area chart tracks NYC PM2.5 air pollution levels from February to May 2020, showing a decline in particulate matter during the early COVID-19 period. The visualization uses D3 v5 with an SVG rendering, employing `scaleTime` and `scaleLinear` for axes, an `area()` generator with `curveBasis` for the smoothed fill, and `axisLeft`/`axisBottom` for ticks. Data is loaded from a local CSV file via `d3.csv` and mapped to the weekly measurements.

AAnnie Liao
65% match
Loading thumbnail…

Fork of AQI Data in Bangor, Maine Over Time

This interactive line chart displays Air Quality Index (AQI) values for Bangor, Maine over time, with a dropdown menu allowing users to toggle between Ozone and PM2.5 pollutant data. The visualization uses React for the interface and D3 v5’s `scaleTime`, `scaleLinear`, and `line` with `curveNatural` to render smooth SVG paths and circles. Data is loaded from a local CSV file, with axes generated via custom React components and ticks formatted to show month labels.

Iindira-antgrvty
65% match
Loading thumbnail…

NYC Air Quality Line Chart

A line chart tracks NYC’s weekly PM2.5 air pollution levels from February to May 2020, revealing a declining trend during the early COVID-19 period. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` generator, rendered as an SVG on a blue background with a lavender stroke. Data comes from the NYC government website, loaded via `csv()`. The chart includes labeled axes for time and PM2.5 concentration, with gridlines, but no data points or smoothing curves.

AAnnie Liao
64% match
Loading thumbnail…

AQI-city

This interactive line chart visualizes daily Air Quality Index (AQI) readings for the city of Bangor, Maine, throughout 2022. A dropdown menu allows the user to switch between two pollutant types, Ozone and PM2.5, enabling comparison between the two time series. The visualization renders as an SVG using React, with D3 v5 handling the scales, axes, natural curve interpolation for the line, and data point circles that display exact AQI values on hover. The underlying dataset is loaded from a remote CSV file.

Vvenky0623
64% match