Making a Bar Chart

100%

Making a Bar Chart

✓ Published1🌍 Public

Last edited Jun 8, 2020

Created on Jun 7, 2020

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.

AI-generated description

This chart shows the air quality (PM2.5 level, the lower the healthier) in midtown Manhattan around the time of COVID-19 outbreak, according to the New York City government website.

MIT Licensed

Similar vizzes

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

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

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

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

84% 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…

SVG chart

This example shows two parallel bar charts from the v3 dataset, each plotting PM2.5 concentration (Raw.Conc.) over time, with one chart treating dates as ordinal strings and the other as parsed date objects. The visualization uses D3 v5’s SVG rendering with `scaleBand` for the categorical y-axis and `scaleLinear` for the x-axis, plus `axisLeft` and `axisBottom` for tick marks. Data is loaded from the 2018.csv file, and each chart’s rect elements are colored steelblue via CSS, while axis labels and titles are styled with D3 text elements.

JJunyanL

76% match

Loading thumbnail…

Covid Cases

This visualization shows daily COVID-19 cases in New York City from late February to mid-May 2020, using vertical bars to represent case counts over time. The chart is rendered as an SVG using D3 v5, with a linear scale for cases and a band scale for dates. It employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the d3 module to construct the axes and bars. Data is loaded from a CSV file via `csv("data.csv")`, with hover effects changing bar color to orange. The underlying data appears to come from NYC Health data.

Cclaudiatomateo

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