Skip to main content
SimilarExport ZIP
100%

Question 3

✓ Published0🌍 Public
Mmoulidomar@hotmail.com
Last edited Apr 15, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

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.

AI-generated description
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
80% match
Loading thumbnail…

Activity 6 Question 3

This scatter plot displays the relationship between PM2.5 air quality levels and the number of health complaints across eight dates in March 2023. Each point’s shape and color encode a severity level: circles represent level 1 (green), triangles level 2 (orange), and squares level 3 (red). The visualization uses D3 v6 with an SVG renderer, employing `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.symbol` with a `shapeMap` to generate distinct point glyphs. The data is hardcoded in the script as a constant array.

BBharath Vupputuri
78% match
Loading thumbnail…

Activity6_Question3

This D3.js v7 example displays a scatter plot of city data, plotting population against area and using distinct symbols to represent different regions. The visualization fetches its data from a CSV file hosted on GitHub and renders it into a full-window SVG. It uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbols` for region-based shapes, and demonstrates a custom legend for mapping shapes to regions. The code loads D3 via UNPKG and uses local ES6 modules for its component structure.

KKhushi Desai
78% match
Loading thumbnail…

Question2_Activity7.1

This is an area chart showing air quality levels over time, displaying two overlapping translucent regions for PM2.5 and PM10 particulate matter concentrations. The visualization uses D3.js v3 with SVG rendering, employing `d3.svg.area()` to construct the filled paths against a time-scaled x-axis via `d3.time.scale()`. Data is loaded from a GitHub-hosted CSV using `d3.csv()`, with dates and times parsed into a unified timestamp. The chart includes a dark blue heading, green axis tick labels, and a blue y-axis label indicating units of µg/m³.

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

Question 2

This interactive D3.js visualization displays PM2.5 air pollution levels in India, separated by year. The SVG chart animates a line and area graph of pollutant concentrations, with color-coded bands indicating air quality categories from "Good" to "Hazardous." Users select years via clickable buttons, triggering a transition that redraws the data. The tooltip reveals exact values and health status on hover, with data loaded from a CSV file hosted on GitHub Gist.

Bbhavanasruthikakarlapudi@gmail.com
76% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
76% match