Skip to main content
SimilarExport ZIP
100%

Project Task 4

✓ Published1🌍 Public
MMichael Biancardi
Last edited Jul 23, 2023
Created on Jul 23, 2023

This scatterplot visualizes the relationship between PM2.5 and Ozone AQI values from a pollution population dataset. It renders blue circles for each data point, with axes labeled and styled using D3's `select`, `append`, `scaleLinear`, `axisLeft`, and `axisBottom`. The SVG is sized to the window dimensions, and the chart displays axis labels rotated for the vertical orientation. The code loads data via `d3.csv` from a GitHub gist, then maps the parsed values to x and y coordinates using linear scales.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Project Task 5

This scatterplot compares PM2.5 and CO AQI values from a pollution population dataset, plotting each data point as a blue circle. The chart reveals the relationship between these two air quality metrics. The visualization is rendered as an SVG using D3 v5, loading data via `d3.csv` and scaling axes with `d3.scaleLinear`. It uses `d3.extent` for domain calculation and `d3.axisLeft` and `d3.axisBottom` to draw the axes, with custom text labels for each axis.

MMichael Biancardi
93% match
Loading thumbnail…

Project Task 6

This scatterplot compares PM2.5 and NO2 AQI values from a pollution dataset, with each blue circle representing a data point. The visualization uses D3 v5’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map values to SVG coordinates and render axes. Data is loaded via `d3.csv` from a GitHub gist, and circles are drawn with `selectAll().join()`. Green axis labels and a red title style the chart, which fills the browser window.

MMichael Biancardi
92% match
Loading thumbnail…

Project Task 1

This example shows average PM2.5 AQI values for various countries as a horizontal bar chart, with each country’s bar length proportional to its pollution level. The visualization uses React for component structure and D3 v5’s `scaleBand` and `scaleLinear` for positioning, while `csv` loads pollution data from a GitHub-hosted CSV. The SVG bars are rendered as `rect` elements, with axes built from `AxisBottom` and `AxisLeft` components that call `xScale.ticks()` and map over `yScale.domain()`. Tooltips are provided via SVG `<title>` elements.

MMichael Biancardi
80% match
Loading thumbnail…

Project AQI vs Ozone

This scatter plot pairs each country’s AQI value with its corresponding Ozone AQI value, using colored circles to distinguish ten countries. Rendered as an SVG via D3.js v7, the chart loads CSV data from a GitHub gist and maps the numeric columns to linear axes. D3’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs build the scales and tick marks, while `selection.append` creates the circles and a manual color-keyed legend from a JavaScript object.

Ddandudivya98@gmail.com
79% 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
77% match
Loading thumbnail…

Question 3

A scatter plot displays the relationship between PM10 and NO2 air pollution levels, with each point shaped according to the country name using D3’s `scaleOrdinal` and `symbolsFill` generators. The visualization renders in an SVG via `d3.scaleLinear` for axes, with a custom legend built from `symbol` shapes. Data is fetched from a GitHub-hosted CSV and parsed with `d3.csvParse`. The code relies on reusable modules for axes and legend rendering, demonstrating modular D3 v7 chart composition.

Mmoulidomar@hotmail.com
76% match
Loading thumbnail…

Activity_6 Question4

This bubble chart displays the relationship between average PM2.5 levels, average NO2 levels, and population across global cities. The visualization positions each city as a circle along x- and y-axes for the two air quality metrics, while circle size encodes population using d3.scaleSqrt. The chart draws SVG circles with d3.scaleOrdinal color mapping per city, and loads data from a GitHub-hosted CSV via d3.csv. Axes are generated with d3.axisBottom and d3.axisLeft, and the rendering includes labeled axes, stroke outlines, and 0.7 opacity for overlapping bubbles.

JJaiyaGhanta@my.unt.edu
75% match
Loading thumbnail…

d3 vz 2

This interactive parallel coordinates plot visualizes daily air quality measurements for multiple pollutants (NO2, O3, SO2, CO) and the overall AQI at a Phoenix monitoring station across January 2000. Each line represents one day, colored via `d3.interpolateTurbo` based on AQI, with axes drawn using `d3.axisLeft`. The D3.js (v6) code loads CSV data with `d3.csv`, uses `d3.scaleLinear` and `d3.scalePoint` for coordinate mapping, and renders SVG paths with `d3.line`. Hovering reveals a tooltip showing the date and AQI, while the animated color gradient highlights pollution severity.

Hharshabandi3060@gmail.com
75% match