Skip to main content
SimilarExport ZIP
100%

Project Task 5

✓ Published1🌍 Public
MMichael Biancardi
Last edited Jul 23, 2023
Created on Jul 23, 2023
Forked from Project Task 4

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.

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 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
94% match
Loading thumbnail…

Project Task 4

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.

MMichael Biancardi
93% match
Loading thumbnail…

Project AQI vs PM2.5

This scatter plot visualizes the relationship between AQI Value and PM2.5 AQI Value, with each point colored by country (India, USA, Australia, etc.). It uses D3.js v7 to read CSV data, create linear scales, render SVG axes and circles, and display a categorical legend. The chart includes axis labels and a title.

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

Project AQI vs CO

This scatter plot compares AQI values against CO AQI values, with each point colored by country. The chart uses D3.js v7 to render an SVG graphic, with linear scales for both axes and a legend mapping ten countries to distinct colors. Data is loaded from a CSV file via `d3.csv`, and the visualization includes axis labels and a title. The code demonstrates importing modules from D3 and local ES6 modules within the VizHub framework.

Ddandudivya98@gmail.com
78% 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…

AQI VS PM2.5

This example shows a bar chart comparing AQI Values across countries, with a primary focus on the overall AQI metric. The visualization uses D3 v7 to load a CSV data file, parse numeric values, and render SVG bars scaled with d3.scaleBand and d3.scaleLinear. It displays rotated x-axis labels for country names and includes axis labels for clarity. The bars are styled with a steelblue fill that darkens on hover via CSS. The code applies standard D3 selections and axis generators to construct the chart within a defined margin-based layout.

Sshravan.s0710@gmail.com
76% 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