Skip to main content
SimilarExport ZIP
100%

NYC Air Quality Line Chart

✓ Published1🌍 Public
AAnnie Liao
Last edited Jun 11, 2020
Created on Jun 11, 2020
Forked from Cars Scatter Plot

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.

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 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
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
82% 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
78% 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
78% 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
77% match
Loading thumbnail…

Multiple Pollutant Line plot Data load

This chart depicts monthly average concentrations of various air pollutants in London from January 2010 through August 2018. Each colored line represents a different pollutant, such as PM2.5, PM10, and nitrogen dioxide, with a color legend distinguishing them. The data originates from the Kings College London Air Quality Dataset, sourced from the London Datastore. The visualization uses D3.js v5 to render an SVG line chart, with axes, a color legend, and a category scale created via `scaleOrdinal` and `scaleTime` to manage the time series.

KKCachel
76% match