NYC Air Quality Area Chart

100%

NYC Air Quality Area Chart

✓ Published0🌍 Public

Last edited Jun 15, 2020

Created on Jun 15, 2020

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.

AI-generated description

This line chart shows data about air quality in NYC, from NYC government website.

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Making a Scatter Plot

A scatter plot displays weekly PM2.5 air quality levels in midtown Manhattan from February to May 2020, sourced from the NYC government website. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scalePoint` for the y-axis dates. Circles are positioned with `cx` and `cy` attributes, while `axisLeft` and `axisBottom` generate gridlines. The chart highlights declining air pollution during the early COVID-19 outbreak period.

AAnnie Liao

85% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays weekly PM2.5 air quality levels in midtown Manhattan from February to May 2020, showing a general decline during the early COVID-19 outbreak, with data sourced from the NYC government website. Rendered as an SVG using D3 v5, the visualization employs `csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis dates, and `axisLeft`/`axisBottom` for axes. Bars are drawn with `rect` elements, while a light-blue background and lavender fills enhance readability.

AAnnie Liao

84% match

Loading thumbnail…

Making a Bar Chart

This example visualizes NYC Air Quality during COVID-19 using a horizontal bar chart, where each bar represents a region’s PM2.5 level, with longer bars indicating higher pollution. The chart loads CSV data with d3.csv, parses the airquality values as numbers, and renders SVG rectangles scaled by d3.scaleLinear and d3.scaleBand. It uses d3.axisLeft and d3.axisBottom to display region labels and a numeric axis, with gridlines and a custom axis title. The bars are styled in lavender with a cornflowerblue background.

Wwaqaschughtai

83% match

Loading thumbnail…

Air Quality in NYC Boroughs

This visualization displays air quality measurements for New York City boroughs, showing bar charts for PM2.5, NO2, and O3 levels. Users switch between pollutants via buttons, which update the chart title and redraw the bars. The D3 v7 code uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisLeft`/`d3.axisBottom` for axes. Hovering over a bar reveals the value differences between that borough and all others, using D3 transitions and appended text labels.

XXinyu Huang

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

75% match

Loading thumbnail…

Monthly PM2.5 Particulate in London Line Chart

This line chart displays monthly average roadside PM2.5 particulate measurements in London from January 2010 to August 2018, with a red horizontal line marking the World Health Organization’s guideline limit. The data originates from the London DataStore. Built with d3.v5, the visualization uses d3.scaleTime, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.line with curveBasis to render an SVG path. The chart includes axis labels, tick marks, and a title, with the WHO limit annotated directly on the plot.

KKCachel

74% match

Loading thumbnail…

Multiple Line plot

This visualization displays monthly average PM2.5 particulate concentrations in London from January 2010 through August 2018, using nine separate colored lines to represent each year. The chart includes a World Health Organization guideline line at 10 µg/m³, with a dropdown menu and color legend for reference. Built with D3 v5, the visualization uses SVG rendering and implements d3.nest, d3.scaleTime, d3.line with curveBasis, and custom reusable components for the dropdown menu and color legend. Data comes from the Kings College London Air Quality Dataset in the London Datastore.

KKCachel

74% match