Month wise Ozone Max AQI

100%

Month wise Ozone Max AQI

✓ Published0🌍 Public

Last edited Apr 8, 2023

Created on Apr 8, 2023

This line chart shows the maximum Ozone Air Quality Index (AQI) for each month of the year. Data is loaded from a GitHub gist CSV and mapped to numeric month values using a month-to-number array. The visualization uses D3 v5 with `scaleLinear`, `scaleTime` (though not applied), `axisBottom`, `axisLeft`, and `line` with `curveBasis` smoothing. The SVG renders axis labels, grid lines, and a blue stroke line path styled by the `styles.css` class, with title and axis text annotations.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

histogram for map

This histogram displays the average Air Quality Index (AQI) for each month, derived from ozone data collected across the United States. The visualization uses d3.bin with timeMonths thresholds to group daily measurements into monthly bins, then calculates the mean AQI per bin via d3.mean. The resulting bar chart is rendered as SVG elements through React components, with d3.scaleTime and d3.scaleLinear mapping the time and AQI values. The data is loaded asynchronously from a CSV file using d3.csv, and the bars include tooltips showing each monthly average.

CChase Hall

76% match

Loading thumbnail…

Fork of Making a Bar Chart

This visualization displays the daily Air Quality Index (AQI) values for two pollutants, NO2 and Ozone, as horizontal bars. It shows how AQI levels fluctuate over time for each pollutant type, with the x-axis representing AQI values and the y-axis listing pollutant categories. The chart uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the SVG, with data loaded from a local CSV file. Custom axis label formatting is applied using D3's `format` function, and the chart includes a title and axis label for the AQI value.

CChase Hall

75% match

Loading thumbnail…

histogram graph for map

This visualization displays U.S. ozone AQI data over time, using a histogram to show monthly average AQI values. The chart reveals how air quality varies across different months. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to define axes, `d3.histogram` with `timeMonths` thresholds to bin data, and `mean` to calculate aggregate values. The data is loaded from a CSV file, and the resulting bars are rendered as SVG rectangles with mouseover tooltips showing the average AQI for each bin.

CChase Hall

74% match

Loading thumbnail…

Ozone AQI Count by Days

This example shows the number of days each ozone AQI category occurred, displayed as a pie chart with a legend listing each category and its day count. The data is loaded from a CSV file via `d3.csv`, then processed into a form suitable for `d3.pie` and rendered as SVG paths using `d3.arc`. The chart uses `d3.scaleOrdinal` with `schemeCategory10` for coloring, and a custom legend built with SVG rectangles and text. The visualization is implemented in React with D3 v5, and the SVG is updated on mouseover to log category counts.

MMahendraGullinkala

73% match

Loading thumbnail…

Ozone AQI Count by Days

This example shows a pie chart of ozone AQI categories by the number of days each category occurred, with a legend listing each category and its corresponding day count. The chart is generated in React using D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` to create the slices, which are rendered as SVG paths. Data is loaded via `csv` from a GitHub gist and processed to count unique dates per category before being passed to the rendering function.

Llibramanju

72% 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

72% 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

71% 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

71% match