Skip to main content
SimilarExport ZIP
100%

AQI vs Forest

✓ Published0🌍 Public
Ddandudivya98@gmail.com
Last edited Apr 23, 2024
Created on Apr 23, 2024

This scatter plot visualizes the relationship between AQI and forest area across geographic coordinates, using circle size to encode AQI values and color intensity to represent forest percentage. The visualization loads CSV data via d3.csv, maps longitude and latitude to linear scales for axes, and employs d3.scaleSqrt for radius encoding and d3.scaleLinear with a light-to-dark green color range. A tooltip displays country, AQI, and forest area details on mouseover, while SVG circles with opacity and white strokes render the data points.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

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

area chart

This area chart visualizes the monthly trend of average AQI values, with a teal filled area beneath the line and labeled data points. Built with D3 v7, it loads a CSV dataset from a GitHub gist, parses month names using `d3.timeParse`, and renders the chart as an SVG. The visualization uses a `d3.area` generator to create the shaded region, with time-based x-scale via `d3.scaleTime` and linear y-scale via `d3.scaleLinear`, plus axes from `d3.axisBottom` and `d3.axisLeft`.

Kkblikitha22@gmail.com
74% match
Loading thumbnail…

AQI VS OZONE

This bar chart compares AQI values against ozone AQI values across countries, with steelblue bars representing overall air quality index readings. The visualization uses D3 v7’s SVG rendering, loading data from a CSV file via `d3.csv`. It employs `scaleBand` for the categorical x-axis, `scaleLinear` for the numeric y-axis, and `d3.axisBottom` with rotated labels to accommodate country names. Hover interactions darken bars via CSS, while margins and labels are configured through SVG text elements.

Sshravan.s0710@gmail.com
74% match
Loading thumbnail…

AQI in Different Cities

The visualization displays Air Quality Index (AQI) values as a heatmap across different cities and timestamps, with color intensity reflecting pollution levels. Each rectangular cell encodes a city-time pair, and tooltips reveal exact AQI numbers on hover. The code uses the d3.csv API to load the AQI_2015.csv dataset, then constructs the graphic through the Vega-Lite API (vl.markRect) with fields mapped to the x-axis, y-axis, color scale, and tooltip. The resulting SVG renderer output is configured with custom axis styling and tooltip handling via vegaTooltip.

LLichenYang
74% match