Skip to main content
SimilarExport ZIP
100%

Project AQI vs PM2.5

✓ Published0🌍 Public
Ddandudivya98@gmail.com
Last edited Apr 24, 2024
Created on Apr 24, 2024
Forked from Project AQI vs CO

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.

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…

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

Project AQI vs NO

This scatter plot displays the relationship between AQI values and NO2 AQI values across different countries, with each point colored by its country of origin and accompanied by a legend. The visualization uses D3.js v7 to load data from a CSV file hosted as a GitHub gist, then constructs an SVG chart with linear scales, axes, axis labels, and circles positioned via `d3.scaleLinear`. The code creates a scatter plot with `d3.csv`, `d3.axisBottom`, and `d3.axisLeft`, while styling points using a country-to-color mapping and adding a legend with SVG rectangles and text elements.

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

AQI VS CO

This scatterplot compares AQI values with CO AQI values for nine countries, using a red trendline to suggest a positive correlation between the two air-quality metrics. The visualization renders as an SVG in D3 v7, with colored circles distinguishing countries, labeled axes, and a legend. It uses `d3.csv` to load data from a GitHub Gist, `d3.scaleLinear` for axes, and `d3.regressionLinear` to compute the fitted line.

Sshravan.s0710@gmail.com
81% 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
78% 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
77% match